javascript - 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 选择器只是一个字符串。字符串连接与它完美配合。