Pytania otagowane jako custom-data-attribute

Niestandardowe atrybuty danych mają na celu przechowywanie niestandardowych danych prywatnych dla strony lub aplikacji, dla których nie ma bardziej odpowiednich atrybutów ani elementów.

11
Wybieranie elementu według atrybutu danych
Czy istnieje prosta i prosta metoda wybierania elementów na podstawie ich dataatrybutów? Na przykład wybierz wszystkie kotwice, które mają nazwany atrybut danych o customerIDwartości 22. Waham się przed użyciem rellub innymi atrybutami do przechowywania takich informacji, ale znacznie trudniej jest mi wybrać element na podstawie tego, jakie dane są w …
9
jQuery jak znaleźć element na podstawie wartości atrybutu danych?
Mam następujący scenariusz: var el = 'li'; a na stronie znajduje się 5 <li>z data-slide=numberatrybutem (odpowiednio 1,2,3,4,5) . Teraz muszę znaleźć numer aktywnego slajdu, który jest mapowany var current = $('ul').data(current);i aktualizowany przy każdej zmianie slajdu. Do tej pory moje próby zakończyły się niepowodzeniem, próbując skonstruować selektor pasujący do bieżącego …
14
Jak uzyskać atrybut data-id?
Korzystam z szybkiej wtyczki jQuery. Muszę pobrać identyfikator danych klikniętego elementu i przekazać go do serwisu internetowego. Jak uzyskać atrybut data-id? Korzystam z tej .on()metody, aby ponownie powiązać zdarzenie kliknięcia dla posortowanych elementów. $("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" …
4
Selektory jQuery dotyczące niestandardowych atrybutów danych za pomocą HTML5
Chciałbym wiedzieć, jakie selektory są dostępne dla tych atrybutów danych, które są dostarczane z HTML5. Biorąc ten fragment HTML za przykład: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> Czy są selektory, aby uzyskać: Wszystkie elementy data-company="Microsoft"poniżej"Companies" Wszystkie elementy data-company!="Microsoft"poniżej"Companies" W innych przypadkach możliwe jest użycie innych selektorów, …
3
jQuery Data vs Attr?
Jaka jest różnica w użytkowaniu pomiędzy $.datai $.attrpodczas korzystania data-someAttribute? Rozumiem, że $.datasą przechowywane w jQuery $.cache, a nie w DOM. Dlatego jeśli chcę używać $.cachedo przechowywania danych, powinienem użyć $.data. Jeśli chcę dodać atrybuty danych HTML5, powinienem użyć $.attr("data-attribute", "myCoolValue").
8
Jak ustawić atrybuty danych w elementach HTML
Mam div z atrybutem data-myval = "10". Chcę zaktualizować jego wartość; czy to się nie zmieni, jeśli użyję div.data('myval',20)? Czy muszę używać div.attr('data-myval','20')tylko? Czy mylę się między HTML5 a jQuery? Proszę doradź. Dzięki! EDYCJA: Zaktualizowano div.data('myval')=20do div.data('myval',20), ale HTML wciąż się nie aktualizuje.
8
Czy istnieje ograniczenie długości atrybutów HTML?
Jak długo jest za długa dla wartości atrybutu w HTML? Korzystam z atrybutów danych w stylu HTML5 ( data-foo="bar") w nowej aplikacji, a w jednym miejscu byłoby bardzo przydatne, aby przechowywać dość dużą ilość danych (powyżej 100 znaków). Chociaż podejrzewam, że ta kwota jest w porządku, rodzi się pytanie, ile …
6
Czy niestandardowe atrybuty danych HTML5 „działają” w przeglądarce IE 6?
Niestandardowe atrybuty danych: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data Kiedy mówię „praca”, mam na myśli, jeśli mam taki HTML: <div id="geoff" data-geoff="geoff de geoff"> będzie następujący JavaScript: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); wytworzyć w IE 6 ostrzeżenie z „geoff de geoff”?
6
Dodawanie atrybutu danych do DOM
$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work Tworzę element w jquery. Następnie chcę dodać atrybut „dane”. Jest jak i jest dodawany, ale w DOM nie jest to widoczne i nie mogę uzyskać tego elementu, używając $('div[data-example="example"]').html() jsfiddle
8
pobierz atrybuty danych w kodzie JavaScript
Mam następny html: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> Czy można pobrać atrybuty zaczynające się od data-i użyć ich w kodzie JavaScript, takim jak poniższy kod? Na razie nullw rezultacie otrzymuję . document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });
7
Nie można ustawić atrybutu danych za pomocą interfejsu API jQuery Data ()
Mam następujące pole w widoku MVC: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> W oddzielnym pliku js chcę ustawić data-helptextatrybut na wartość ciągu. Oto mój kod: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); alert()Wezwanie działa dobrze, to pokazuje tekst „stary tekst” w oknie alertu. Jednak wywołanie ustawienia data-helptextatrybutu na „Testowanie …
4
Czy puste atrybuty danych HTML5 są prawidłowe?
Chciałbym napisać prostą wtyczkę jQuery, która wyświetla wbudowane modale pod określonymi elementami. Mój pomysł jest taki, aby skrypt automatycznie inicjował się na podstawie atrybutów danych określonych w elementach. Bardzo podstawowy przykład: <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here …
4
jQuery znajdź element według wartości atrybutu danych
Mam kilka elementów jak poniżej: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Jak mogę dodać klasę do elementu, który ma data-slidewartość atrybutu 0(zero)? Próbowałem wielu różnych rozwiązań, ale nic nie działało. Przykład: $('.slide-link').find('[data-slide="0"]').addClass('active'); Dowolny pomysł?
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.