使用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

你可以试试这个：

JQuery CODE

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

或

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