Question

这可能是一个有点愚蠢的问题，但让我解释一下

html - ＆gt; theContent

<ul style="display:none">
   <li id="clx0"><div>the content1</div></li>
   <li id="clx1"><div>the content2</div></li>
   <li id="clx2"><div>the content3</div></li>
</ul>

和循环div中的内容显示

<div class="bigcicing"></div>
<div class="bigcicing"></div>
<div class="bigcicing"><div>the content1</div></div>
<div class="bigcicing"></div>
<div class="bigcicing"></div>
<div class="bigcicing"><div>the content2</div></div>
<div class="bigcicing"></div>
<div class="bigcicing"></div>
<div class="bigcicing"><div>the content3</div></div>
<div class="bigcicing"></div>

现在我的问题是使用jquery是这样的

JQUERY

$(function() {
   var kuuk1 = $(".bigcicing:nth-child(3)");
   var kuuk2 = $(".bigcicing:nth-child(6)");
   var kuuk3 = $(".bigcicing:nth-child(9)");
   var cicing1 = $("ul li#clx0").html();
   var cicing2 = $("ul li#clx1").html();
   var cicing3 = $("ul li#clx2").html();
    $(kuuk1).html(cicing1);
    $(kuuk2).html(cicing2);
    $(kuuk3).html(cicing3);
});

但是在我这样做之前，但只显示一个内容并重复n次

$("ul li[id^="clx"]").each(function(index) {
   var leaksatu = $(this).html();
   var kuuk = $(".bigcicing:nth-child(3n)");
   $(kuuk).html(leaksatu);
});

我似乎无法在谷歌或本网站上找到任何内容，但我可能会搜索错误的术语。任何建议

由于

演示：jsfiddle

Answer 1

尝试

$('ul li[id^="clx"]').each(function (index) {
    var leaksatu = $(this).html();
    var kuuk = $(".bigcicing:nth-child(" + ((index + 1) * 5) + "n)");
    $(kuuk).html(leaksatu);
});

演示：Fiddle

jQuery：如何显示此内容

1 个答案: