Вопросы с тегом «custom-data-attribute»

Существует ли простой и прямой способ выбора элементов на основе их dataатрибута? Например, выберите все якоря с именованным атрибутом данных customerID, значение которого равно 22. Я не решаюсь использовать relдругие атрибуты для хранения такой информации, но мне гораздо сложнее выбрать элемент на основе того, какие данные в нем хранятся.

1020 jquery  html  custom-data-attribute 

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

994 jquery  jquery-selectors  custom-data-attribute 

Я использую плагин jQuery Quicksand. Мне нужно получить идентификатор данных выбранного элемента и передать его веб-службе. Как мне получить атрибут data-id? Я использую .on()метод для повторного связывания события click для отсортированных элементов. $("#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"> …

813 javascript  jquery  custom-data-attribute 

Я хотел бы знать, какие селекторы доступны для этих атрибутов данных, которые поставляются с 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" В других случаях возможно использование …

636 javascript  jquery  jquery-selectors  custom-data-attribute 

Какая разница в использовании между $.dataи $.attrпри использованииdata-someAttribute ? Я понимаю, что $.dataхранится в JQuery $.cache, а не в DOM. Поэтому, если я хочу использовать $.cacheдля хранения данных, я должен использовать $.data. Если я хочу добавить атрибуты данных HTML5, я должен использовать $.attr("data-attribute", "myCoolValue").

513 javascript  jquery  html  custom-data-attribute 

Можно ли выбирать элементы в CSS по их атрибутам данных HTML5 (например, data-role)?

488 css  html  css-selectors  custom-data-attribute 

Я пытаюсь использовать атрибуты данных 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 …

325 asp.net-mvc  html  custom-data-attribute 

У меня есть div с атрибутом data-myval = "10". Я хочу обновить его значение; не изменится ли я, если я буду использовать div.data('myval',20)? Нужно ли использовать div.attr('data-myval','20')только? Я запутался между HTML5 и jQuery? Пожалуйста, порекомендуйте. Спасибо! РЕДАКТИРОВАТЬ: Обновлено div.data('myval')=20до div.data('myval',20), но по-прежнему HTML не обновляется.

233 jquery  html  custom-data-attribute 

Как долго это слишком долго для значения атрибута в HTML? Я использую атрибуты данных в стиле HTML5 ( data-foo="bar") в новом приложении, и в одном месте было бы очень удобно хранить большое количество данных (более 100 символов). Хотя я подозреваю, что с этой суммой все в порядке, возникает вопрос, сколько …

213 html  custom-data-attribute 

Пользовательские атрибуты данных: 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»?

173 javascript  internet-explorer  html  internet-explorer-6  custom-data-attribute 

$('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

170 jquery  html  custom-data-attribute 

У меня есть следующий 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" }); });

144 javascript  html  custom-data-attribute 

У меня есть следующее поле в представлении 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()Вызов работает нормально, это показывает текст «Старый Текст» в диалоговом окне предупреждения. Однако вызов …

131 jquery  model-view-controller  attributes  custom-data-attribute 

Я хотел бы написать простой плагин 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 …

115 html  custom-data-attribute  html5-data 

У меня есть несколько элементов, как показано ниже: <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'); Любая идея?

104 jquery  html  css  custom-data-attribute