jQuery的。 如何将JS变量与标签文字结合起来？

Question

在这里，我有一个模式对话框，其中包含两个选项卡： http : //www.bootply.com/f24gE2KvF3

在JS代码中：

$('#trackFilterTabSet_GUID a').click(function (e) {

  // present tab

    alert('present tab');

    e.preventDefault();
    $(this).tab('show');
})

$('#trackFilterTabSet_GUID a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

  // do something awesome
  // alert('shown.bs.tab event fired');

  e.target // activated tab
  e.relatedTarget // previous tab
})

我想用JS变量替换#trackFilterTabSet_GUID ：

var mySelector = "#trackFilterTabSet_" + myStringGeneratingFunction();

如何合并这个JS变量， a在第一功能和a[data-toggle="tab"]在第二个功能？

Answer 1

完全符合您的期望：

var mySelector = "#trackFilterTabSet_" + myStringGeneratingFunction();
$(mySelector + ' a').click(function (e) {...

$(mySelector + ' a[data-toggle="tab"]').on(...

jQuery选择器只是一个string 。 字符串连接可以很好地工作。