作者s5846125 (陸奧鬼一)
看板Ajax
標題[ js ] jQuery 的 addClass 一問
時間Tue Nov 25 14:06:35 2008
<html>
<head>
<style type="text/css">
.table01 td{color:red;}
</style>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
</ul>
<table class="table01">
<tr><td>123</td></tr>
<tr><td>456</td></tr>
</table>
</body>
</html>
以上的 code，CSS 可以直接作用在 table 的 td。
如果在不改變 CSS 的前提下，
請問要怎麼利用 jQuery 讓 ul 下的 li 也套用跟 td 一樣的 CSS ？
備註:
table01 td 的 CSS 不光只有 color 這一項。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.85.63.179
※ 編輯: s5846125 來自: 219.85.63.179 (11/25 14:12)
1F：推 ybite:CSS改成.table01 {color:red;} ? 11/25 14:58
2F：→ s5846125:在不改 CSS 的前提下呢？ 11/25 19:43
3F：→ chicoff:$("li").addClass("table01"); 11/26 20:33
4F：→ TonyQ:拿td 取所有style的值填到 li上? :p 11/26 22:01
5F：→ s5846125:To chicoff: 那個寫法我有試過，沒有作用。 11/27 18:26
6F：→ s5846125:To TonyQ: 用 .attr("style") 抓不到，還是有別的寫法？ 11/27 18:54
7F：→ s5846125:在<script>裡用 .css()，用 .attr("style")可以抓得到， 11/27 19:20
8F：→ s5846125:不過也只限定 .css() 所設定的部份，前面 <style> 的部份 11/27 19:21
9F：→ s5846125:一樣是抓不到。 11/27 19:21
10F：→ TonyQ:你可以把所有的key寫進ary 跑loop 去掃 css("xxx") 回來填 11/27 19:26