如果表頭包含特定字符串，則應用一個ID

-2

我想將一個ID應用於頭中具有特定字符串的表。該表沒有任何css標籤，我不能動態添加它們。這是我的表：如果表頭包含特定字符串，則應用一個ID

<div id="primary" class="page"> 
<div class="inside"> 
<table border="10"> 
<tr><th>You may search for materials using the following:</th></tr> 

<tr><td align="center"><a href="#">NAME</a></td></tr> 
<tr><td align="center"><a href="#">TITLE</a></td></tr> 
<tr><td align="center"><a href="#">SUBJECT</a></td></tr> 
<tr><td align="center"><a href="#">WORD</a></td></tr> 
<tr><td align="center"><a href="#">ISBN</a></td></tr> 
<tr><td align="center"><a href="#">ISSN</a></td></tr> 
</table>

我想的#mytable一個id適用於有串「您可以搜索材料」詮釋他的表頭我使用.addClass但我試過的任何表我感到困惑。我希望得到任何幫助，感謝

來源

2013-03-08 user1856442

*我想將'＃mytable'的'id'應用於任何表格*您知道'id' ***必須在文檔中是唯一的，對嗎？ – 2013-03-08 15:54:13

這不是什麼表應該用於。如果你只是想格式化的東西，使用CSS。使用表格顯示錶格數據。 – 2013-03-08 15:54:27

使用addClass，您不需要添加'id'，但是（如函數名稱所示）'class'。使用'$（''）。attr（'id'，'mytable'）'。在一個文檔中使用多個ID會被警告。 – HerrSerker 2013-03-08 15:57:01

我建議：

$('table th:contains("You may search for materials using the following")') 
    .closest('table').addClass('myTable');

JS Fiddle demo。

請注意，我將添加class名稱而不是id，因爲您的問題意味着頁面上可能存在多個符合給定條件的元素。

我進一步建議不使用這個table，因爲它顯然不表格數據，而是一個列表，因此使用ul似乎更爲合適：

<ul> 
    <li class="header">You may search for materials using the following:</li> 
    <li><a href="#">NAME</a></li> 
    <li><a href="#">TITLE</a></li> 
    <li><a href="#">SUBJECT</a></li> 
    <li><a href="#">WORD</a></li> 
    <li><a href="#">ISBN</a></li> 
    <li><a href="#">ISSN</a></li> 
</ul>

用下面的CSS逼近你table呈現的外觀：

ul { 
    width: 50%; 
    border: 10px groove #666; 
    margin: 0; 
    padding: 0; 
} 

li { 
    padding: 0; 
    margin: 0.2em; 
    list-style-type: none; 
    text-align: center; 
    border: 1px solid #aaa; 
} 

li.header { 
    font-weight: bold; 
} 

ul.myTable li.header { 
    color: #f00; 
}

和適應jQuery的：

$('li.header:contains("You may search for materials using the following")') 
    .closest('ul').addClass('myTable');

JS Fiddle demo。

參考文獻：

來源

2013-03-08 15:56:03

您可以使用先進的選擇，像這樣：

$('th:contains("You may search for materials")').closest('table') 
               .addClass('mytable');

使用類她作爲ID必須是唯一的。

說明： 區分大小寫。

來源

2013-03-08 15:56:28

如果表頭包含特定字符串，則應用一個ID

回答

相關問題