2013-12-13 1 views
0

Это может быть немного глупый вопрос, но позвольте мне объяснитьJQuery: Как показать ссылку на этот материал

HTML -> содержанияэтого

<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); 
}); 

НО перед моим подходом, как это, но только показывает один содержанияэтые и повторяются п раз

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

Я не могу найти что-нибудь на Google или на этом сайте, но я Вероятно, вы ищете неправильный термин. Любые советы

Благодаря

Демо: jsfiddle

+0

мат, может у пожалуйста, немного больше clear.what именно ваша проблема .. ?? – Outlooker

+0

проблема заключается в использовании повторяющихся var, таких как var 1, var 2 и т. Д. Не лучший подход: D – AgoRaCLX

ответ

0

Попробуйте

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

Demo: Fiddle

+0

спасибо, что это работает ... – AgoRaCLX

Смежные вопросы