jQuery-使用父ID按类选择子项
我正在使用,但页面上有多个滚动条实例。我需要能够以jQuery-使用父ID按类选择子项,jquery,jquery-selectors,Jquery,Jquery Selectors,我正在使用,但页面上有多个滚动条实例。我需要能够以.mCSB_容器为目标,将元素分别动态附加到每个滚动条 本质上是同一个问题,但接受的答案不起作用,因为它试图使用类没有id的attr获取id <div id="titles" class="scroll-box" style="opacity: 1;"> <h2>Latest Titles</h2> <ul class="scroll-horizontal mCustomScrollba
.mCSB_容器
为目标,将
元素分别动态附加到每个滚动条
本质上是同一个问题,但接受的答案不起作用,因为它试图使用类没有id的attr
获取id
<div id="titles" class="scroll-box" style="opacity: 1;">
<h2>Latest Titles</h2>
<ul class="scroll-horizontal mCustomScrollbar _mCS_1">
<div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
<div class="mCSB_container" style="position: relative; left: 0px; width: 2860px;">
<li class="product-car"> My Car</li>
<li class="product-bike"> My Bike </li>
<li class="product-tree"> My Tree </li>
</div>
</div>
</ul>
</div>
<div id="titles" class="scroll-box" style="opacity: 1;">
<h2>Latest Houses</h2>
<ul class="scroll-horizontal mCustomScrollbar _mCS_2">
<div class="mCustomScrollBox mCSB_horizontal" id="mCSB_2" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
<div class="mCSB_container" style="position: relative; left: 0px; width: 2860px;">
<li class="product-house"> My House</li>
<li class="product-boat"> My Boat </li>
<li class="product-tree"> My Tree </li>
</div>
</div>
</ul>
</div>
最新标题
最新房屋
所以我试着用它玩,但没有用 要附加到您的第一个滚动条,请通过id
#mCSB_1
找到它,然后使用
到达您想要的容器,如下所示:
$('#mCSB_1 > .mCSB_container').append('<li class="product-tree"> New LI </li>');
谢谢你的回答。这基本上就是我所做的。
$('#mCSB_2 > .mCSB_container').append('<li class="product-tree"> New LI </li>');