Question

我有一个包含三个子元素element1，element2和element3的元素。

当我使用命令button1过滤器element1时当我使用命令button2过滤器element2

时

如何克隆此元素并使用命令button1

操纵“克隆元素和原始文件”

我使用此代码，但无法正常工作。

</script>
  <input type="button" id="btnClone" value="Clone Div" />
  <script>
      $("#btnClone").bind('click', function() {
          $('#prueban2').clone(true).appendTo('body');
      });
</script>

换句话说，我如何使用原始按钮来操纵他的克隆中的原始元素

Answer 1

如果我对你不好，只需复制一下元素，然后使用.add()方法对原始元素和克隆元素进行jquery选择，然后做你想做的一切。

所以我会让你的代码看起来如下：

<input type="button" id="btnClone" value="Clone Div" />
  <script>
      $("#btnClone").bind('click', function() {
          var $original = $('#prueban2');
          var $clone = $original.clone(true);
          $clone.appendTo('body');

          // now manipulate original element with clone:
          $original.add($clone).bind('click', function() { /* ... */ });

          // ... or:
          $original.add($clone).each(function(el) { /* ... */ });
      });
</script>

<强>加成

要在不克隆的情况下操作两个元素，您需要将它们存在。您可以使用HTML（或PHP等）创建这两个元素并隐藏其中一个元素（例如，使用.hidden添加css类display:none），直到单击#btnClone：

HTML：

<div id="preuban2"></div>
<div id="preuban2-1" class="hidden"></div>

CSS：

.hidden {
    display: none;
}

JS：

$('#btnClone').click(function() {
    $('#preuban2-1').removeClass('hidden');

    // manipulate both elements
    $('[id^=preuban2]').bind('click', function(){ /*...*/ });
}

克隆div元素并使用相同的按钮操纵原始元素和克隆？

1 个答案: