なぜ、eqはjqueryで動作していないのですか？

Question

なぜ後に使用している間にjQueryで動作しないeqで？私は、ボタンの上にafterを使用して、私のhtmlを挿入しています.Iは、ここでその

$(function(){ 
$('#btn').click(function(){ 
    $(".topics-content").children("ul").eq(0).find("li").eq(3).after($(".reco_inlineslider.show34").eq(0)); 

}) 
}); 

ようにしようとしたクリック私のコードは、ボタンクリック後 https://jsbin.com/cenegabale/edit?html,js,output

現在出ています

1 
2 
3 
    11 
    dddd 
    22 
    33 
4 
5 
6 

の予想される出力

1 
2 
3 
    11 
    22 
    33 
4 
dddd 
5 
6 

私は4テキストの後htmlを挿入したいです。

Answer 1

を使う子供たちが検討していく一方で、ネストされたすべての要素を検索します直系の子どもたち。

Answer 2

使用この：

$(function(){ 
$('#btn').click(function(){ 
$(".topicscontent").children("ul").eq(0).children("li").eq(3).after($(".reco_inlineslider.show34").eq(0)); 
}) 
}); 

または見つけ、その代わり.find("li").eq(3)使用.cildren("li").eq(3)の

find(6) 

代わりの

find(4) 

Answer 3

find("li")は、すべてのlisがulの内部で、その子だけでなく見つかったためです。

ulの場合のように.children('li')を使用する必要があります。.find('> li')