別のulの各リスト項目に配列を追加します

Question

1〜4をリスト項目に追加して、ページのすべてのリストに配列の内容を追加しようとしています。私が抱えている問題は、すべてのリストにこれを行うことができないということです.3つのリスト項目しかない場合は、別の項目を追加したくないので、3でリストを終了してください。 0を削除します。

ありがとうございます！その後、最初のリストの上に

var levels = [ "1", "2", "3", "4" ]; 
 
$('ul li').each(function (x) { 
 
$(this).append(levels[x]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul> 
 
<li>0</li> 
 
<li>0</li> 
 
<li>0</li> 
 
<li>0</li> 
 
</ul> 
 

 
<ul> 
 
<li>0</li> 
 
<li>0</li> 
 
<li>0</li> 
 
</ul> 
 

 
<ul> 
 
<li>0</li> 
 
<li>0</li> 
 
<li>0</li> 
 
<li>0</li> 
 
</ul>

FIDDLE

Answer 1

反復、および各リスト

var levels = [ "1", "2", "3", "4" ]; 

$('ul').each(function(i, ul) { 
    $(ul).find('li').each(function(j, li) { 
     $(this).html(levels[j]); 
    }); 
}); 

FIDDLE

Answer 2

使用のためのリスト項目を反復:nth-child()とjQuery.each()

var levels = ["1", "2", "3", "4"]; 
 
$.each(levels, function(i, x) { 
 
    $('ul li:nth-child(' + (i + 1) + ')').html(x); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul> 
 
    <li>0</li> 
 
    <li>0</li> 
 
    <li>0</li> 
 
    <li>0</li> 
 
</ul> 
 

 
<ul> 
 
    <li>0</li> 
 
    <li>0</li> 
 
    <li>0</li> 
 
</ul> 
 

 
<ul> 
 
    <li>0</li> 
 
    <li>0</li> 
 
    <li>0</li> 
 
    <li>0</li> 
 
</ul>