在AJAX请求之后将<hidden>附加到新的<form>元素中

Question

我有a.html包括

<input type="button" class="add" />
<div id="middle"></div>

和b.html里面我有

 <form>
   <input type="submit" />
 </form>

点击.add按钮后，我使用Jquery将b.html加载到#middle

$("#middle").load('b.html');

之后我想将<input type="hiddden" />元素添加到form作为其第一个孩子。我使用$('#middle').first().append()然而它不起作用。如何在使用AJAX $ .load（）函数后追加它？

Answer 1

好吧，你必须追加某些东西。 .append()本身不会做任何事情。听起来您还想要定位form元素，而不仅仅是div。

这样的事情：

$('#middle form').append('<input type="hiddden" />');

当然，这需要在AJAX调用完成后执行：

$("#middle").load('b.html', function() {
    $('#middle form').append('<input type="hiddden" />');
});

（请注意，在这种情况下使用.first()完全没有必要，因为$("#middle")应该只返回一个元素。）