gpt4 book ai didi

javascript - 如何使用 jquery 克隆选择对象

转载 作者:行者123 更新时间:2023-12-01 05:31:49 27 4
gpt4 key购买 nike

我有下一个代码:

<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>'

最佳答案

看看 official documentation 。 Clone返回的是一个jQuery对象,而不是一个纯文本字符串。因此,如果您想“工作”并修改克隆的对象,我建议您执行类似的操作:

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');

如果文档中不存在 anchor

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

关于javascript - 如何使用 jquery 克隆选择对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36790449/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com