.after（）插入文本而不是html

Question

以下是代码：

$('.list-wrapper').get(listValInData).after('<div class=\"list-wrapper list-num'+listValInData+' placeholder\"><ul id=\"sortable'+listValInData+'\" class=\"connectedSortable\"><div class=\"list-title\"><select class=\"selectList'+listValInData+' options\"></select></div></ul></div>');

我没有渲染html，而是获得了文本。知道如何解决这个问题吗？

这里是codepen https://codepen.io/TylerL-uxai/pen/NaxyJK?editors=1010

Answer 1

问题是get()返回一个DOM元素，而不是一个jQuery对象。对于你想要的，你应该使用eq()（get()和eq()期望一个整数作为参数，所以也要考虑转换值... ...

$('.list-wrapper').eq(parseInt(listValInData)).after(...

我希望它有所帮助