jQuery 对<td>中的内容的控制
假设我有这样一条字符串对象
var a={
name: "zhang",
age: "50,
address: "Rd",
}
我以这样的方式根据以上动态建立了一个table
var $table=$("
$table.append("
"+a.name+""+a.age+"
"+a.address+"");
在这个td中，我同时写入了a的三个属性，用折行隔开。
问题：
假如我想让td 初始显示name，隐藏age和address
当鼠标移到这个td上的时候，隐藏name，显示age和address
鼠标移开后，显示name，隐藏age和address
如何实现？
展开
收起
1
条回答
写回答
写回答
-
阿里云论坛版主，QQ 1978638808用容器括起你的内容，操作容器，而不是文本节点
`var a={
name: "zhang", age: "50", address: "Rd", }var $table=$("
$table.append("<tr><td><div>"+a.name+"</div><div style='display:none'>"+a.age+"<br/>"+a.address+"</div></td></tr>");$table.appendTo(document.body);
$table.find('td').mouseenter(function(){$('div:first',this).hide();$('div:last',this).show()}).mouseleave(function(){$('div:first',this).show();$('div:last',this).hide()});
})
`2019-07-17 18:28:41赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
