我有一个查询,它在鼠标悬停在图像上时更改列表项的文本,我在查询中放置了一个事件目标:
$('img').on('mouseover', function(){
// I would like an Id of a text instead of the 'li'
$('li').css('text-decoration', 'underline');
});
$('img').on('mouseout', function(){
$('li').css('text-decoration', 'none');
});
但我希望将其更改仅应用于与图像具有相同 ID 的元素:
s[i++] = '<li id=\"'+ vizList[j].name +'\">';
s[i++] = '<a>'+ vizList[j].name + '</a>';
s[i++] = '<img id=\"'+ vizList[j].name +'\" src="../renderer/bundles/' + vizList[j].icon + '" width="268" height="120" style="display:block"/>';
s[i++] = '</li>';
最佳答案
下面的代码是你期望的吗?
$('img').on('mouseover', function(event){
$(event.target).closest('li').css('text-decoration', 'underline');
});
$('img').on('mouseout', function(event){
$(event.target).closest('li').css('text-decoration', 'none');
});
关于javascript - 通过选择带有 Id 的图像来更改带有 Id 的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38716177/