2010-04-15 113 views
2

我需要向包含某些特定文本的TD父項的TR(或多個TR)添加一個CSS類。包含X內容的div的Jquery父項目

由於CMS我無法控制代碼,但我可以添加一些Jquery和CSS。

我已經嘗試了幾件事,但我沒有運氣。

下面是我想到的一個例子。

<style> 
    tr.highlight { background: Blue;} 
</style> 

<table> 
    <tr> 
    <td> 
     Pet 
    </td> 
    <td> 
    Number of Legs 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cat 
    </td> 
    <td> 
     4 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Doggie 
    </td> 
    <td> 
     4 
    </td> 
    </tr> 
</table> 

而我基本上希望jquery將該類(突出顯示)添加到違規的TR。

**我知道這不是一個理想的方法,但絕望的時候需要絕望的措施。 **

感謝您的幫助。

+0

這個例子中你想突出顯示的是什麼? – Sasha 2010-04-15 06:33:30

+0

對不起,我想突出TR包含Doggie。 – fighella 2010-04-15 06:35:24

回答

2

您正在尋找the :contains() selector

下面將類highlight添加到父元素(應該是TR)包含字符串"doggie"每TD的:

$('td:contains("doggie")').parent().addClass('highlight'); 

注意,文本必須具有匹配的情況下被選擇,即,$('td:contains("doggie")$('td:contains("DoGGiE")')是不一樣的!