Запитання з тегом «custom-data-attribute»

Спеціальні атрибути даних призначені для зберігання користувацьких даних, приватних на сторінці чи програмі, для яких немає більше відповідних атрибутів чи елементів.

11
Вибір елемента за атрибутом даних
Чи існує простий і прямий метод вибору елементів на основі їх dataатрибута? Наприклад, виберіть усі якір, який має атрибут даних, customerIDякий має значення 22. Я якось вагаюся використовувати relчи інші атрибути для зберігання такої інформації, але мені набагато важче вибрати елемент на основі того, які дані зберігаються в ньому.

9
jQuery як знайти елемент на основі значення атрибутів даних?
У мене такий сценарій: var el = 'li'; а на сторінці - 5 <li>з кожним data-slide=numberатрибутом (число 1,2,3,4,5 відповідно) . Тепер мені потрібно знайти активний номер слайда, який відображається на карті var current = $('ul').data(current);та оновлюється при кожній зміні слайда. Поки мої спроби були невдалими, намагаючись побудувати селектор, який би …

14
Як отримати атрибут data-id?
Я використовую плагін jQuery quicksand. Мені потрібно дістати ідентифікатор даних клацнутого елемента та передати його у веб-сервіс. Як отримати атрибут data-id? Я використовую .on()метод для повторного зв’язування події клацання для відсортованих елементів. $("#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" class="grid"> …

4
Селектори jQuery для спеціальних атрибутів даних за допомогою HTML5
Мені хотілося б знати, які селектори доступні для цих атрибутів даних, які поставляються з HTML5. Візьмемо цей приклад HTML як приклад: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> Чи є селектори для отримання: Усі елементи, data-company="Microsoft"розташовані нижче"Companies" Усі елементи, data-company!="Microsoft"розташовані нижче"Companies" В інших випадках можливе використання інших …

3
jQuery Data vs Attr?
Яка різниця у використанні між $.dataта $.attrпри використанні data-someAttribute? Я розумію, що $.dataвін зберігається в jQuery $.cache, а не в DOM. Тому, якщо я хочу використовувати $.cacheдля зберігання даних, я повинен використовувати $.data. Якщо я хочу додати атрибути даних HTML5, я повинен використовувати $.attr("data-attribute", "myCoolValue").


8
Як використовувати тире в атрибутах data-* HTML-5 в ASP.NET MVC
Я намагаюся використовувати атрибути даних HTML5 у своєму проекті ASP.NET MVC 1. (Я новачок C # і ASP.NET MVC.) <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> "Дані-дані" у наведеному вище htmlAttributes дають таку …

8
Як встановити атрибути даних у елементах HTML
У мене є дів з атрибутом data-myval = "10". Я хочу оновити його значення; не змінилося б, якщо я використовую div.data('myval',20)? Чи потрібно використовувати div.attr('data-myval','20')тільки я? Чи я плутаюся між HTML5 та jQuery? Порадьте, будь ласка. Дякую! EDIT: Оновлено div.data('myval')=20до div.data('myval',20), але HTML все ще не оновлюється.

8
Чи існує обмеження довжини атрибутів HTML?
Скільки часу занадто довго для значення атрибута в HTML? Я використовую атрибути даних стилю HTML5 ( data-foo="bar") у новому додатку, і в одному місці було б дуже зручно зберігати справедливий вихлоп даних (до 100 символів). Хоча я підозрюю, що ця сума в порядку, вона викликає питання про те, наскільки це …

6
Чи "працює" користувацькі атрибути HTML5 у IE 6?
Спеціальні атрибути даних: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data Коли я кажу "робота", я маю на увазі, якщо у мене є такий HTML: <div id="geoff" data-geoff="geoff de geoff"> буде наступний JavaScript: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); виробляти в IE 6 попередження з "geoff de geoff" в ньому?

6
Додавання атрибута даних до DOM
$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work Я створюю елемент у jquery. Після цього я хочу додати атрибут "дані". Він як і додається, але в DOM це не видно, і я не можу отримати предмет, використовуючи $('div[data-example="example"]').html() jsfiddle

8
отримати атрибути даних у коді JavaScript
У мене наступний html: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> Чи можливо отримати атрибути, що починаються з цього data-, і використовувати їх у коді JavaScript, як код нижче? Поки що я отримую nullрезультат. 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
Неможливо встановити атрибут даних за допомогою API jQuery Data ()
У полі MVC у мене з’явилося таке поле: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> У окремому js-файлі я хочу встановити data-helptextатрибут у строковому значенні. Ось мій код: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); alert()Виклик працює нормально, це показує текст «Старий Текст» в діалоговому вікні попередження. Однак виклик встановити …

4
Чи дійсні порожні атрибути HTML5?
Я хотів би написати простий плагін jQuery, який відображає вбудовані модалі під вказаними елементами. Моя ідея полягає в тому, щоб сценарій був автоматично введений на основі атрибутів даних, зазначених у елементах. Дуже базовий приклад: <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 …

4
jQuery елемент пошуку за значенням атрибуту даних
У мене є кілька елементів, як нижче: <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> Як я можу додати клас до елемента, який має data-slideзначення атрибута 0(нуль)? Я спробував багато різних рішень, але нічого не вийшло. Приклад: $('.slide-link').find('[data-slide="0"]').addClass('active'); Будь-яка ідея?

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.