Question

jquery 添加html()后 如何再删除？

比如有个链接：
<div class="name"><a href="">链接一</a></div>
鼠标滑过时将“链接一”替换成其他的文字如：
hover(function(){
$(this).find(".name a").html('点击链接');
},function(){
}
这样实现了
但是鼠标滑出后，如何还原成原来的文字"链接一"?
=================================================
没说详细 这样的链接我有好多个啊..
<div class="name"><a href="">链接一</a></div>
<div class="name"><a href="">链接2</a></div>
<div class="name"><a href="">链接3</a></div>
<div class="name"><a href="">链接.....</a></div>

Answer 1

你需要用到 this，来记住鼠标滑过前的文字

$('div.name a').hover(function() {
this.original_text = $(this).html();
$(this).html('点击链接');
}, function() {
$(this).html(this.original_text);
});

如果连接里面只是文字，不包含 HTML 代码，就不需要用html，用text

追问

全部是这样：
链接...
...
加上了代码　看这样对不
$('.list').hover(function(){
$(this).addClass('listhover');
this.original_text = $(this).find(".name a").html();
$(this).find(".name a").html('点击链接');
},function(){
$(this).removeClass('listhover');
$(this).find(".name a").html(this.original_text);
})
有点卡呢

追答

不太清楚你的意图

一、如果说你想鼠标滑过 div.list 这整个一大块的时候，下面全部的 a 都变成“点击链接”，那么你要用 $.each 来循环每一个 a，代码如下

$('.list').hover(function() {
$.each($(this).find(".name a"), function() {
this.original_text = $(this).html();
$(this).addClass('listhover').html('点击链接');
});
}, function() {
$.each($(this).find(".name a"), function() {
$(this).removeClass('listhover').html(this.original_text);
});
});

二、如果你想当鼠标滑过某一个 a 的时候，只有这个 a 变成“点击链接”，代码如下

$('.name a').hover(function() {
this.original_text = $(this).html();
$(this).addClass('listhover').html('点击链接');
}, function() {
$(this).removeClass('listhover').html(this.original_text);
});

Answer 2

html() 方法返回或设置被选元素的内容 (inner HTML)。
如果该方法未设置参数，则返回被选元素的当前内容。
如果要删除已经添加的内容有如下方法
1、如果原来内容就为空，将内容置为空即可
$(selector).html("")

2、如果原来有内容，可以使用再使用html()方法将内容再写一次。

Answer 3

按你的这种写法就行啊，当鼠标移过来时用你说的$(this).find(".name a").html('点击链接');当鼠标移走时$(this).find(".name a").html('链接一')。

Answer 4

$(this).find(".name a").html('链接一');
那就增加1个变量,记住你替换之前的内容

Answer 5

hover的第二个参数就是移出之后执行的函数 在里面再把字改回来