复制div时遇到问题

Question

我是Java和jQuery的新手，我想通过单击按钮多次将“ Person [1]” div克隆到“ peopleID” div中，但我似乎无法弄清楚我做错了

的jsfiddle

使用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

你需要逃避选择方括号 ，因为它具有特殊的意义选择 ，否则，它会搜索与ID元素Person且具有属性1 ，因为括号充当具有属性选择 。

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

---

或者，您可以使用属性等于选择器作为替代。

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