首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery更新文本节点

使用jquery更新文本节点
EN

Stack Overflow用户
提问于 2012-04-20 06:25:58
回答 3查看 50关注 0票数 0

我有这个html:

代码语言:javascript
运行
复制
<span class="msg-container">
  <span class="msg"></span>
  A message here
</span>

我想使用jQuery来查找所有的msg-container元素,获取"A message here“文本,设置title属性,并删除"A message here”文本节点。

所以,在执行之后,我的DOM应该是这样的:

代码语言:javascript
运行
复制
<span class="msg-container" title="A message here">
  <span class="msg"></span>
</span>

我该如何实现这一点?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-04-20 06:36:26

代码语言:javascript
运行
复制
 $('.msg-container').each(function(){
      var that = $(this);
      that.attr('title', that.text());
      var children = that.find('.msg').clone();
      that.html('').append(children);
 });
票数 1
EN

Stack Overflow用户

发布于 2012-04-20 06:32:14

我认为你需要使用for-each函数

代码语言:javascript
运行
复制
 $(".msg-container").each(function(){
       var child =  $(this).children(".msg").html();
       var text=$(this).html("");
        $(this)attr("title" , text) 
        $(this).append(child);
      });
票数 1
EN

Stack Overflow用户

发布于 2012-04-20 06:34:57

试一试

代码语言:javascript
运行
复制
$(function()  {
    $(".msg-container").each(function() {
        var txt = $(this).text();
        var children = $(this).children();
        $(this).attr("title",txt.trim())
            .text("").append(children);
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10237729

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档