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'); 

兩個上面的代碼將正常工作。