2017-02-21 13 views
0

Я HTML-элемент с несколькими атрибутов данных:Jquery база селектор данных с одинарной кавычки или две цитаты

<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']") 

Проблема заключается в том, что первый селектор, несмотря на второй и третий, ничего не возвращает.

+0

Все выше должно работать – Satpal

+0

, оно должно работать .. пожалуйста, проверьте мой ответ ниже –

ответ

0

Атрибуты помещаются внутри стартового тега и состоят из имени и значения, разделенные символом =. Значение атрибута может оставаться без кавычек, если оно не содержит пробелов или каких-либо из «'` = < или>. В противном случае он должен быть заключен в кавычки с использованием одинарных или двойных кавычек. Значение вместе с символом = могут быть опущены, если значение пустая строка

Все случаи должны работать в вашем примере Проверьте эту статью для большего понимания этой темы:... https://mathiasbynens.be/notes/unquoted-attribute-values

1

Он работает, как ожидалось Проверьте, нет ли каких-либо ошибок консоли в вашем браузере или если библиотека jquery не важна правильно.

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>

1

Все они работают, но второй один вы не нуждаетесь в '

так это выглядит: $("[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>