選擇具有一定的數據屬性的div中沒有​​每個循環

Question

<div class='bwrap' data-x='home01'></div> 
<div class='bwrap hidden' data-x='home02'></div> 
<div class='bwrap hidden' data-x='home03'></div> 
<div class='bwrap hidden' data-x='home04'></div> 

我想告訴.bwrap與data-x='home04'沒有each環。
據this我想：

JS

var obj = $('.bwrap[data-x="home04"]'); 
obj.show(); 

什麼也沒有發生。

Answer 1

你的代碼工作正常，如果： -

1.jQuery庫腳本代碼前加入。

2.code被包裹在裏面$(document).ready(function(){...});

3.Since格都沒有文字，這就是爲什麼你可能會混淆它沒有顯示。添加一些文本到該div並檢查。

工作例如： -

$(document).ready(function(){ 
 
    var obj = $('.bwrap[data-x="home04"]'); 
 
    obj.show(); 
 
    //can change in one-liner like :- $('.bwrap[data-x="home04"]').show(); 
 
});

.hidden{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><!-- jQuery library needed--> 
 
<div class='bwrap' data-x='home01'>01</div><!-- added text to show that your code worked--> 
 
<div class='bwrap hidden' data-x='home02'>02</div><!-- added text to show that your code worked--> 
 
<div class='bwrap hidden' data-x='home03'>03</div><!-- added text to show that your code worked--> 
 
<div class='bwrap hidden' data-x='home04'>04</div><!-- added text to show that your code worked-->

Answer 2

只是爲了顯示（指除去hidden類）

你可以做以下

$('.bwrap[data-x="home04"]').show();