Perguntas com a marcação «custom-data-attribute»

Os atributos de dados personalizados destinam-se a armazenar dados personalizados privados para a página ou aplicativo, para os quais não há atributos ou elementos mais apropriados.

11
Selecionando elemento por atributo de dados
Existe um método fácil e direto para selecionar elementos com base em suas data atributos? Por exemplo, selecione todas as âncoras que possuam atributo de dados customerIDcom o valor de 22. Eu hesito em usar relou outros atributos para armazenar essas informações, mas acho muito mais difícil selecionar um elemento …



4
Seletores jQuery em atributos de dados personalizados usando HTML5
Gostaria de saber quais seletores estão disponíveis para esses atributos de dados que acompanham o HTML5. Tomando este pedaço de HTML como exemplo: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> Existem seletores para obter: Todos os elementos com data-company="Microsoft"abaixo"Companies" Todos os elementos com data-company!="Microsoft"abaixo"Companies" Em outros casos, …

3
jQuery Data vs Attr?
Qual é a diferença de uso entre $.datae $.attrao usar data-someAttribute? Meu entendimento é que $.dataé armazenado no jQuery $.cache, não no DOM. Portanto, se eu quiser usar $.cachepara armazenamento de dados, devo usar $.data. Se eu quiser adicionar atributos de dados HTML5, devo usar $.attr("data-attribute", "myCoolValue").



8
Como definir atributos de dados em elementos HTML
Eu tenho uma div com um atributo data-myval = "10" . Eu quero atualizar seu valor; não mudaria se eu usasse div.data('myval',20)? Preciso usar div.attr('data-myval','20')apenas? Estou ficando confuso entre HTML5 e jQuery? Por favor informar. Obrigado! EDIT: atualizado div.data('myval')=20para div.data('myval',20), mas o HTML ainda não está sendo atualizado.


6
Os atributos de dados personalizados em HTML5 "funcionam" no IE 6?
Atributos de dados personalizados: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data Quando digo "trabalho", quero dizer, se eu tenho HTML assim: <div id="geoff" data-geoff="geoff de geoff"> será o seguinte JavaScript: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); produzir, no IE 6, um alerta com "geoff de geoff"?

6
Adicionando atributo de dados ao DOM
$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work Estou criando elemento dentro de jquery. Depois disso, quero adicionar o atributo "dados". Ele é como e é adicionado, mas no DOM, isso não é aparente e não consigo pegar o item usando $('div[data-example="example"]').html() jsfiddle

8
obter atributos de dados no código JavaScript
Eu tenho o próximo html: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> É possível obter os atributos que começam com data-e usá-lo no código JavaScript , como o código abaixo? Por enquanto eu recebo nullcomo resultado. 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
Não foi possível definir o atributo de dados usando a API jQuery Data ()
Eu tenho o seguinte campo em uma exibição MVC: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> Em um arquivo js separado, desejo definir o data-helptextatributo como um valor de sequência. Aqui está o meu código: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); A alert()chamada funciona bem, mostra o texto "Texto …

4
Os atributos de dados HTML5 vazios são válidos?
Eu gostaria de escrever um plugin jQuery simples que exibe modais embutidos em elementos especificados. Minha ideia é que o script inicie automaticamente com base nos atributos de dados especificados nos elementos. Um exemplo muito básico: <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 …

4
jQuery find elemento por valor de atributo de dados
Eu tenho alguns elementos como abaixo: <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> Como posso adicionar uma classe ao elemento que tem um data-slidevalor de atributo de 0(zero)? Tentei muitas soluções diferentes, mas nada funcionou. Um exemplo: $('.slide-link').find('[data-slide="0"]').addClass('active'); Qualquer ideia?

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.