Czy można wybrać elementy w jQuery za pomocą ich atrybutów HTML5 data
(na przykład wszystkie <div>
z data-role='footer'
)?Wybieranie elementów za pomocą atrybutu danych HTML5 w jQuery
42
A
Odpowiedz
83
Możesz wybrać na atrybucie data-
jak każdy inny atrybut ... używając attribute selector. W tym przypadku chcesz attribute-equals selector, tak:
$("div[data-role='footer']")
Są one traktowane specjalnie w konsumpcji przez jQuery, na przykład pozwalając .data()
pobrać z nich poprawne pisanie ... ale jeśli chodzi o przechodzenie DOM, są one tylko kolejnym atrybutem, więc pomyśl o nich jako o tym, pisząc selektory.
7
$('div[data-role="footer"]')
Po prostu używa attribute-equals-selector
(docs).
Istnieje several attribute selectors można używać (między innymi).
5
jQuery Komórka recomends dolarów .fn.jqmData(), na przykład: $ ("div: jqmData (role = 'stopka')")
0
jQuery & Zepto integracja: https://github.com/kossnocorp/role
Powiązane problemy
- 1. Wybieranie za pomocą atrybutu ID za pomocą JQuery w ASP.NET
- 2. jQuery z dostępem do atrybutu danych html5
- 3. Jak uzyskać dostęp do danych za pomocą atrybutu jQuery
- 4. Wybieranie wszystkich elementów, które nie mają atrybutu "id"?
- 5. Wybieranie danych tabeli za pomocą instrukcji PDO
- 6. jQuery wybieranie i filtrowanie elementów wewnątrz elementu
- 7. Grupowanie i liczenie elementów HTML według atrybutu danych w jQuery
- 8. Jak usunąć atrybuty danych * za pomocą zestawu danych HTML5
- 9. Aktualizacja wartości atrybutu danych przy użyciu jQuery
- 10. Wybieranie zakładki jQuery za pomocą parametru w adresie URL
- 11. Wybieranie części ciągu znaków wewnątrz pola wprowadzania za pomocą jQuery
- 12. Powtarzanie atrybutów elementów za pomocą jQuery
- 13. Jak znaleźć liczbę elementów za pomocą jQuery
- 14. Losowa sekwencja elementów div za pomocą jQuery
- 15. Uzyskiwanie wartości wielu elementów za pomocą Jquery
- 16. Jak zmienić atrybut danych za pomocą jQuery?
- 17. Znajdowanie określonych elementów za pomocą jQuery
- 18. Przeglądarka krzyżowa Wybieranie elementów według nazwy klasy
- 19. Wybieranie elementów o egzotycznym id
- 20. Usuń wiele HTML5 atrybuty danych z jquery
- 21. Mocowanie plugin jQuery dynamicznie obciążonych elementów za pomocą jQuery, na()
- 22. Jak dynamicznie ustawiać atrybuty danych HTML5 za pomocą reakcji?
- 23. jquery: uzyskaj wartość niestandardowego atrybutu
- 24. jQuery: Wybieranie wszystkich elementów gdzie atrybut jest większa niż wartość
- 25. Wybieranie wielu elementów z pamięci podręcznej
- 26. Lokalizacja atrybutu za pomocą l20n
- 27. Uzyskaj wartość atrybutu z prostego XML za pomocą JQuery/Javascript
- 28. Pobieranie atrybutów danych HTML za pomocą jQuery
- 29. autouzupełniania jQuery danych za pomocą JSON
- 30. Przesłanianie właściwości za pomocą atrybutu
Tak, możesz http://api.jquery.com/attribute-equals-selector/ –
@Sep - To nie jest "jak to zrobiłby jQuery", to przekaże je do 'querySelectorAll () 'call, jeśli to możliwe (i będzie to z selektorem atrybutów tutaj), nie przechodź przez t sam DOM ... chyba że nie ma innej drogi (np. używany niestandardowy selektor inny niż CSS) –