2012-01-16 49 views
1

是否可以處理所有li元素,這些元素具有特定的內容而不會爲它們提供唯一的id/class? 像:顯示帶有特定內容的元素(jquery)

<ul class="list"> 
    <li>test</li> 
    <li>test2</li> 
    <li>test</li> 
</ul> 

所有李時珍與內容「測試」應該得到紅色。

感謝您的幫助!

回答

5

你可以使用.filter()方法:

$('li').filter(function() { 
    return $(this).text() === 'test'; 
}).css('color', 'red'); 

而且這裏有一個live demo

+0

該死的,你只是太快:d – 2012-01-16 16:39:34

+0

感謝您的快速回答! :) – user1116214 2012-01-16 16:40:30

0
$(function() { 
    $('.list li').each(function() { 
     if ($(this).html() == 'test') { 
      $(this).css('color', 'red'); 
     } 
    }); 
}) 
1

這應該做的伎倆

$('li:contains("test")').css('color', 'red'); 
+0

不錯的嘗試,但這也會將紅色添加到'test2'-li,因爲'test2'也包含'test':) – user1116214 2012-01-16 16:41:59

+0

@ user1116214我猜過濾器是唯一的選擇,如果你正在尋找完全匹配 – 2012-01-16 16:47:42

相關問題