我有一个包含一堆带有附加 id 的 div 的类。使用 jQuery,我试图动态地循环浏览这些 div。
我的 HTML:
<div id ="result">RESULT GOES HERE</div>
<div class = "tplandesclist">
<div id="tplandesc1"><%= tplan.tplandesc %></div>
<div id="tplandesc2"><%= tplan.tplandesc2 %></div>
<div id="tplandesc3"><%= tplan.tplandesc3 %></div>
<div id="tplandesc4"><%= tplan.tplandesc4 %></div>
<div id="tplandesc5"><%= tplan.tplandesc5 %></div>
<div id="tplandesc6"><%= tplan.tplandesc6 %></div>
<div id="tplandesc7"><%= tplan.tplandesc7 %></div>
<div id="tplandesc8"><%= tplan.tplandesc8 %></div>
</div>
我的 jQuery 在单击时会删除 #result 的 html 并尝试将下一个项目附加到父 div .tplandesclist 下。但是,我知道我尝试这样做的方式有问题。我试图通过使用 .next() 方法而不是实现某种计数器并完全重写算法来做到这一点。
$(document).ready(function(){
$(".arrow").click(function(){
$("#result").html(' ');
$("#result").append().find(".tplandesclist")).next()
});
});
非常感谢任何帮助!