使用jquery按文本查找TH对象(表头),而不迭代表的所有TH

时间:2011-12-07 06:04:36

标签: javascript jquery html

我动态创建了HTML表,点击它的TH会根据已排序的列重新加载表。

我想要的是将一个类应用于所点击的TH。

由于重新加载表,我首先将单击的列名放在Global变量中,然后当表重新加载时我想应用CSS类。

要求是我想通过文本在TR中搜索TH(不迭代所有元素),然后应用一个类。

感谢任何帮助

由于

编辑:

我们不能使用:包含因为两个列名可以包含类似的文本标题

2 个答案:

答案 0 :(得分:1)

jQuery的filter函数允许您指定要用作过滤器的函数。

$("th").filter(function() {
    return $(this).text() == "foo";
}).addClass("newClass");

答案 1 :(得分:0)

单击时将类应用于th:

$(function () {

  $('th').on('click', function () {
   $(this).addClass('myClickedClass');
  });

});

如果要根据字符串的匹配应用类,请使用:

$(function () {

  $("th:contains('" + myStringValue + "')").addClass('myClickedClass');
});