0

我有这个 HTML：

<div data-value="1606132800">
   <span>23</span>
</div>

而且，我想使用 jQuery 在我的 span 之后添加 ap 标签，如下所示：

<div data-value="1606132800">
   <span>23</span>
   <p>1$</p>
</div>

我努力了：

$("div[data-value='"+key+"'] > span").html('<p>'+value.price+' '+currency+'</p>');
$("div[data-value='"+key+"']").children('span').html('<p>'+value.price+' '+currency+'</p>');

我不想使用附加，因为会附加我的 p 标签的 altot 并且每次在附加一个新元素之前我必须删除 p 标签以添加我目前正在使用的 1 个标签。

 $("div[data-value='"+key+"']").children('p').remove();
 $("div[data-value='"+key+"']").append('<p>'+value.price+' '+currency+'</p>');

我试图获得更好的解决方案的原因是它有点慢而且不是很好的解决方案。

谢谢你的帮助！

4

1 回答 1

1

好吧，您可以在当天克隆跨度，然后可以使用 html() 再次放置跨度和 p 标记。我将以您的代码为例：

  cloneDay[$(this).attr('data-value')] = $(this).children('span').text();

比将您的值作为键并将您的一天作为值之后，您可以从数组中选择类似这样的信息

  cloneDay[key]

 $("div[data-value='"+key+"']").html('<span>'+cloneDay[key]+'</span><p>'+value.price+' '+currency+'</p>');
于 2020-11-02T12:03:43.463 回答