css - 使用 CSS 选择器应用底部边框来选择单元格

Question

如何使用伪类选择器（而不是类选择器）将底部边框仅应用于出现文本“meh”的那些单元格？

这是我当前的 SASS/CSS 以及它下面应该如何显示的示例：

http://jsfiddle.net/keruilin/4THpE/37/

Answer 1

您可以使用:contains()仅 jQuery 的伪选择器：

$('td:contains("meh")').addClass('bordered');​

演示：http: //jsfiddle.net/4THpE/21/

---

如果要选择文本恰好 meh为 的单元格，则必须做一些不同的事情：

$('td').filter(function() {
  return $.trim($(this).text()) == 'meh';
}).addClass('bordered');

演示：http: //jsfiddle.net/4THpE/23/

Answer 2

你可以试试这个：

查询代码

$("td:contains('meh')").addClass("border-style");

或者

$(".border-style").css("border-bottom", "1px solid red");