我正在使用MCustomScrollBar ,但页面上有多个滚动条实例。我需要能够定位 .mCSB_container
追加<li>
元素分别动态地添加到每个滚动条。
This本质上是同一个问题,但接受的答案不起作用,因为它试图使用 attr
获取 id ,其中类没有 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>
所以我尝试使用 jQuery children 进行尝试但无济于事。
最佳答案
要附加到第一个滚动条,请通过 id #mCSB_1
找到它并使用 child selector >
到达您想要的容器,如下所示:
$('#mCSB_1 > .mCSB_container').append('<li class="product-tree"> New LI </li>');
对第二个滚动条执行相同的操作,但对于 id #mCSB_2
:
$('#mCSB_2 > .mCSB_container').append('<li class="product-tree"> New LI </li>');
关于jQuery - 使用 parent ID 按类(class)选择 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13066110/