jquery怎么修改动态生成的html标签的文本值

发布网友发布时间：2022-04-20 11:49

共1个回答

热心网友时间：2022-04-20 13:18

已存在页面中的元素

<div class="temp" title="123" data-info="ok">内容</div>
$('.temp').addClass("new-temp");
$('.temp').attr("title","456");
$('.temp').data("info","no");
$('.temp').text("纯文本内容");
--
<div class="temp new-temp" title="345" data-info="no">纯文本内容</div>
--
$('.temp').html("<p>新元素加内容</p>");
<div class="temp new-temp" title="345" data-info="no">
<p>新元素加内容</p>
</div>

实际上 attr()方法可以修改所有的标签属性，但效率不高。

例如

$('.temp').attr("class","new-temp");

$('.temp').attr("data-info","ok");

新创建并未添加到页面的元素，可以设置完成后在插入页面

$('<div></div>').text("纯文本内容").addClass("new-temp");
--
<div class="new-temp">纯文本内容</div>

参考jquery API文档操作的部分，这些都需要掌握。