Javascript 如何瞄准这个李类的兄弟姐妹?
我有一个基本导航,李的默认图像是一个白色的球,选择的导航按钮有一个蓝色的球 我能够获得被点击的导航按钮的id,并将其切换为img src。然而,我还没能瞄准它的兄弟姐妹,另一个李的Javascript 如何瞄准这个李类的兄弟姐妹?,javascript,jquery,dom,jquery-selectors,Javascript,Jquery,Dom,Jquery Selectors,我有一个基本导航,李的默认图像是一个白色的球,选择的导航按钮有一个蓝色的球 我能够获得被点击的导航按钮的id,并将其切换为img src。然而,我还没能瞄准它的兄弟姐妹,另一个李的img src:( 因此,当前当您单击其他按钮时,之前的蓝色按钮保持蓝色 你将如何处理这个问题 HTML $navBtn似乎已经是一个li元素,因此它没有任何li父元素。而且由于它没有img同级元素,li img从不匹配 仅供参考,您只需传递元素本身,而不是将ID传递给函数。如果您已经有了对该元素的引用,则无需再次搜
img src
:(
因此,当前当您单击其他按钮时,之前的蓝色按钮保持蓝色
你将如何处理这个问题
HTML
$navBtn
似乎已经是一个li
元素,因此它没有任何li
父元素。而且由于它没有img
同级元素,li img
从不匹配
仅供参考,您只需传递元素本身,而不是将ID传递给函数。如果您已经有了对该元素的引用,则无需再次搜索该元素
buttonStates(this);
// ...
var buttonStates = function(el) {
var $navBtn = $(el);
// ...
};
$navBtn
似乎已经是一个li
元素,因此它没有任何li
父元素。而且由于它没有img
同级元素,li img
从不匹配
仅供参考,您只需传递元素本身,而不是将ID传递给函数。如果您已经有了对该元素的引用,则无需再次搜索该元素
buttonStates(this);
// ...
var buttonStates = function(el) {
var $navBtn = $(el);
// ...
};
从传递给
.sibles()
的选择器中删除img
。当然,您可以看到li
元素没有img
同级。从传递给.sibles()的选择器中删除img
)
。当然你可以看到li
元素没有img
兄弟姐妹。非常感谢!:D是的,我应该这么做。非常感谢!:D是的,我也应该这么做
$navBtn.siblings('li').children('img')
buttonStates(this);
// ...
var buttonStates = function(el) {
var $navBtn = $(el);
// ...
};