jQueryのセレクタベースのデータは、単一引用符または2重引用符

Question

複数のデータ属性と私はhtml要素を持っていると属性：

<div class="passenger-information clearfix" data-index="0" data-class="passenger-info-wrapper" data-age-classify="Adult"></div> 

私は以下のようにjqueryのセレクタを使用します。

1)$('[data-age-classify="Adult"]') 
2)$("[data-age-classify='َAdult']") 
3)$("[data-class='passenger-info-wrapper']") 

問題があることです2番目と3番目のセレクタにもかかわらず最初のセレクタは何も返しません。

Answer 1

属性は開始タグ内に配置され、値は の値で、文字で区切られます。空白または "'' = <または>のいずれかが含まれていない場合、属性値は のままでかまいません それ以外の場合は、一重引用符または二重引用符を使用して引用符を付ける必要があります 値は、 値が空の文字列の場合は完全に省略することができ

すべての例はあなたの例では動作するはずトピックのより理解するために、この記事をチェックしてください：。。https://mathiasbynens.be/notes/unquoted-attribute-values

Answer 2

期待どおりに働いている 。ブラウザにコンソールエラーがないか、またはjqueryライブラリがimporではないかどうか確認してください適切にテッド。

alert($('[data-age-classify="Adult"]')); 
 
alert($("[data-age-classify='َAdult']")); 
 
alert($("[data-class='passenger-info-wrapper']"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="passenger-information clearfix" data-index="0" data-class="passenger-info-wrapper" data-age-classify="Adult"></div>

Answer 3

それらのすべての作業が、あなたは'

を必要といけない二番目のはそう、それは次のようになります。$("[data-age-classify=Adult]"

console.log($('[data-age-classify="Adult"]').html()) 
 
console.log($("[data-age-classify=Adult]").html()) 
 
console.log($("[data-class='passenger-info-wrapper']").html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="passenger-information clearfix" data-index="0" data-class="passenger-info-wrapper" data-age-classify="Adult">s</div>