使用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"); 

OR

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