Insertafter() JQuery

Question

我试图在JavaScript对象的帮助下，将JQuery对象插入到这样的HTML元素中：

var selectList = document.createElement("select");
//added some properties ..

//trying insert after a specific HTML tag
    var selectedListValue=$(selectList) ;
    $( "<tr><td>"+selectedListValue+"</td></tr>" ).insertAfter("#EFAForm_Klein div table tbody tr:last-child()");

如果我只插入“selectList”，我就会得到这样的结果：

"object HTMLSelectElement" 

或者这个，如果我使用"$(selectList)"：

"[object Object]"

我是否需要将我的JS对象转换为JQuery？

谢谢你的帮助。

Answer 1

问题是selectedListValue是一个jQuery对象，当用于字符串连接时会导致[object Object]。同样，selectList是一个HTMLElement对象，其toString()返回object HTMLSelectElement

您需要做的是追加tr，然后在其中找到td并将selectList附加到其中。

$("<tr><td></td></tr>").insertAfter("#EFAForm_Klein div table tbody tr:last-child").find('td').append(selectList);

Answer 2

你应该省略()

.insertAfter("#EFAForm_Klein div table tbody tr:last");

或者更好的：

$("#EFAForm_Klein tr").filter(':last')
                                      .after('<tr><td></td></tr>').find('td')
                                      .append(selectedListValue);