Question

我是Javascript和jQuery的新手，我试图在“peopleID”div中克隆“Person [1]”div，只需点击按钮多次，我似乎无法弄清楚我做错了什么。

的Javascript

$(document).ready(function() {
  $('#add').click(function() {
    var clonedDiv = $('#Person[1]').clone();
    $('#peopleID').after(clonedDiv);
  });
});

HTML代码

<form>
  <input id="add" value="Add Additional Field" type="button">
  <div id="peopleID">
    <div id="Person[1]">
      <select name="Personnel[1]">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
      </select>
    </div>
  </div>
</form>

Answer 1

您需要escape square bracket in selector，因为它在selectors中具有特殊含义，否则，它会搜索ID为Person且属性为1的元素，因为方括号表示has attribute selector。

$('#Person\\[1\\]').clone();

或者您可以使用attribute equals selector替代。

$('[id="Person[1]"]').clone();

麻烦复制div

1 个答案: