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

これを試すことができます：

JQuery コード

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

また

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