Question

我有下一个代码：

<select type="text" id="cls">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
</select>

我希望克隆这个对象我有下一个javascript

var cls = $( "#cls" ).clone();

但是当我做的时候

'<a>' `+ cls + '</a>'

返回下一个：

'<a> [object object] </a>'

我如何回归

'<a> <select type="text" id="cls">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
    </select> </a>'

Answer 1

查看official documentation。 clone返回的是jQuery对象，而不是纯文本字符串。所以，如果你想＆＃34;工作＆＃34;并修改你的克隆对象我建议你做类似的事情：

<强> HTML

<select type="text" id="cls">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<a class="target"></a>

<强> JAVASCRIPT

var clonedObject = $('#cls').clone();

// Do your stuff like
clonedObject.toggleClass('active');

clonedObject.appendTo('.target');

如果文件中没有锚

var anchor = $('<a/>', {class: 'target'});
$('#my-target').append(anchor.append(clonedObject));

如何使用jquery克隆选择对象

1 个答案: