warum arbeitet eq nicht in jquery, während nach der Verwendung?

Question

warum arbeiten eq nicht in jquery, während nach der Verwendung? Ich bin Einfügen meine htmlafter auf Schaltfläche klicken .I wie versucht, dass

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

}) 
}); 

hier ist mein Code https://jsbin.com/cenegabale/edit?html,js,output

Strom nach Button-Klick aus

1 
2 
3 
    11 
    dddd 
    22 
    33 
4 
5 
6 

Erwartete Ausgabe

1 
2 
3 
    11 
    22 
    33 
4 
dddd 
5 
6 

Ich möchte html nach 4 Text einzufügen.

Answer 1

Statt .find("li").eq(3) Verwendung .cildren("li").eq(3), in allen verschachtelten Element sucht finden, während die Kinder prüfen wird die unmittelbaren Kinder.

Answer 2

Verwendung dieses:

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

oder verwenden

find(6) 

statt

find(4) 

Answer 3

Es ist, weil die find("li") Innenseite der ul alle lis findet, nicht nur seine Kinder.

So müssen Sie entweder .children('li') verwenden, wie Sie für die ul oder .find('> li')