javascript - 为什么 eq 在使用 after 时不能在 jquery 中工作？

Question

为什么 eq 在使用 after 时无法在 jquery 中工作？我在单击按钮时使用 after 插入我的 html 。我尝试过这样做

$(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

代替 .find("li").eq(3) 使用 .cildren("li").eq(3)，find 将在所有内容中搜索嵌套元素，而子元素将考虑直接子元素。