jquery mouseover 对其他元素无效

Question

想增加一个删除书签的功能，鼠标移到指定书签，那个书签就出现三个小圆点，但是我这个只有点到最后那个添加书签才出现，而且出现的位置为第一个书签，在创建一个书签的时候也创建了圆点元素，这个应该怎么弄呀

Answer 1

元素id只能是唯一的，元素的id不要有重名。不然用 $("#tjsq") 只能获取到第一个元素。
你应该改用class来获取元素
把tjsq和delete都改成class$(".tjsq").mouseover(function(){
$(this).find(".delete").show();
});
$(".tjsq").mouseout(function(){
$(this).find(".delete").hide();
});

Answer 2

原理我刚才摸索了下，由于前面添加的书签都是后面添加上去的，所以前面js对他们无效，我把这代码放在添加书签的那个节点就有效了，但鼠标移上去所有书签的黑点都会出来，有什么办法鼠标移到指定书签，指定的书签才出现黑点吗
看了大佬的后面的$(this)解决了，谢谢大佬

Answer 3

用委托事件的方式
$(document).on("mouseover", ".tjsq", function(event){
$(this).find(".delete").show();
});

Answer 4

大佬，我能在请教下么，我把数据库里面的id值赋到了img里面的alt，怎么把img里面的alt值封装成一个函数，再通过这个函数给ajax赋值，达到删除书签的效果呀

Answer 5

大佬，我能在请教下么，我把数据库里面的id值赋到了img里面的alt，怎么把img里面的alt值封装成一个函数，再通过这个函数给ajax赋值，达到删除书签的效果呀
在删除事件里：
var id = $(this).find("img").attr("alt");
$.ajax({
url: "xxxxxxxxxx",
type: "POST",
data: {id:id},
..............
});

Answer 6

大佬，我能在请教下么，我把数据库里面的id值赋到了img里面的alt，怎么把img里面的alt值封装成一个函数，再通过这个函数给ajax赋值，达到删除书签的效果呀
在删除事件里：
var id = $(this).find("img").attr("alt");
$.ajax({
url: "xxxxxxxxxx",
type: "POST",
data: {id:id},
..............
});

我的删除步骤是点击小黑点，弹出确认框，点击确认后再请求ajax，删除事件绑定到确认框里面的确定按钮的，这个怎么获取呢

Answer 7

你把完整的代码发一下，
这个要根据你确认框方法的调用形式来写代码。一般的情况是
$(".....").click(function(event){//删除按钮点击事件
var id = $(this).find("img").attr("alt");
你的弹出确认框方法({
ok: function () {//确认框里面的确定按钮事件的回调函数
$.ajax({
url: "xxxxxxxxxx",
data: {id:id},
..............
});
}
});
});