JQuery AddClass到子元素

时间:2013-10-07 15:24:41

标签: jquery

我有这个结构html

<ul class="footer_column">
    <li id="doc-22"><a href="/abc/index.php?id=22" title="wind blades coupling system" ><span>wind blades coupling system</span></a></li>
    <li id="doc-23"><a href="/abc/index.php?id=23" title="expandable bolt" ><span>expandable bolt</span></a></li>
    <li id="doc-24"><a href="/abc/index.php?id=24" title="security screw" ><span>security screw</span></a></li>
    <li id="doc-25"><a href="/abc/index.php?id=25" title="TH preload system " ><span>th</span></a></li>
</ul>

我需要将classClass添加到<li id="doc-25"><a><span class="notranslate">th</span></a>

3 个答案:

答案 0 :(得分:1)

尚不清楚。我假设您要将课程添加到span。因此,您可以使用.find()

$('li #doc-25').find('span').addClass('notranslate');

答案 1 :(得分:1)

添加此项并尝试id是否为静态且保持不变...

 $( "#doc-25" ).addClass( "myClass yourClass" ); 

答案 2 :(得分:1)

尝试

$('#doc-25').find('span').addClass('notranslate');

$('#doc-25 span').addClass('notranslate');

$("#doc-25").children('a').children('span').addClass( "class_to_add" );

$("#doc-25 > a > span" ).addClass( "class_to_add" );

参考文献

.find()

.addClass()

.children()