gpt4 book ai didi

javascript - 将outerHTML 视为 jQuery 对象

转载 作者:行者123 更新时间:2023-12-03 04:08:56 29 4
gpt4 key购买 nike

我试图创建 2 个简单的盒子,并允许用户从 1 个盒子中选择数据,然后将其复制到第二个盒子。如果第二个框中已经有相同的文本,请在后面附加一些简单的文本。

它基本上在该项目不在第二个框中时起作用。但是,当它出现时,我无法将数据附加到文本中。

这是一个简单的示例。

https://jsfiddle.net/9mbgw20e/5/

<div id="inventory">
<div class='item'>
<span>Apple</span>
</div>
<div class='item'>
<span>Pear</span>
</div>
</div>
<hr>
<div id="selected">

</div>


// bring the items from inventory to selected
// if selected is found, add some text to the back of it

$('.item').on('click', function() {
var h = $(this)[0].outerHTML;

var found = false;
var foundId = '';
if ($('#selected').children().length < 1) {
// if there's nothing selected, just straight add this
return $('#selected').prepend(h);
}

$('#selected').children().each(function() {
if ($(this).find('span').text() == $(h).find('span').text()) { // if there is already one in selected div
console.log('Found duplicated.');
found = true;
foundId = $(this)[0].outerHTML;
}
});

if (!found) {
// if item is not in selected div, add
$('#selected').prepend(h);
} else {
// if item is in selected div, add some text to it
$(foundId).append('1, ');
}
});

第一次点击可以,但第二次点击后没有任何反应。

最佳答案

将foundID更改为此foundId = $(this);

JSFiddle

关于javascript - 将outerHTML 视为 jQuery 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44418569/

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