jquery中的自定义attr选择器不工作？

Question

我想选择并隐藏突出显示的元素。它有一个自定义属性data-role="end"。

我想这一点，

$('.popover-navigation .btn-group .btn[data-role="end"]').css('display','none'); 

但它并不隐藏元素？

Answer 1

.btn[data-role="end"]导航是不是类.btn-group所以，你的代码将无法正常工作的一个孩子。相反，尝试下面的代码：

$('.popover-navigation .btn[data-role="end"]').css('display','none'); 

Answer 2

.btn不是孩子.btn-group，而是兄弟。尝试

$('.popover-navigation .btn-group').next('.btn[data-role="end"]').css('display','none'); 

，或者因为你的父项

$('.popover-navigation .btn[data-role="end"]').css('display','none'); 

Answer 3

尝试改变：

$('.popover-navigation button[data-role="end"]').css('display','none'); 

或

$('.popover-navigation button[data-role="end"]').hide(); 

Answer 4

此代码将隐藏特定的按钮。 试一下这个

$('button[data-role="end"]').hide(); 

OR

$('button[data-role="end"]').css('display','none'); 

两个上面的代码将正常工作。