Preguntas etiquetadas con custom-data-attribute

¿Existe un método sencillo y directo para seleccionar elementos en función de sus dataatributos? Por ejemplo, seleccione todos los anclajes que tengan un atributo de datos denominado customerIDque tenga el valor de 22. Dudo un poco en usar relu otros atributos para almacenar dicha información, pero me resulta mucho más …

1020 jquery  html  custom-data-attribute 

Tengo el siguiente escenario: var el = 'li'; y hay 5 <li>en la página cada uno con un data-slide=numberatributo (el número es 1,2,3,4,5 respectivamente) . Ahora necesito encontrar el número de diapositiva activo actualmente que se asigna var current = $('ul').data(current);y se actualiza en cada cambio de diapositiva. Hasta ahora, …

994 jquery  jquery-selectors  custom-data-attribute 

Estoy usando el complemento jQuery quicksand. Necesito obtener la identificación de datos del elemento seleccionado y pasarla a un servicio web. ¿Cómo obtengo el atributo de identificación de datos? Estoy usando el .on()método para volver a vincular el evento de clic para los elementos ordenados. $("#list li").on('click', function() { // …

813 javascript  jquery  custom-data-attribute 

Me gustaría saber qué selectores están disponibles para estos atributos de datos que vienen con HTML5. Tomando esta pieza de HTML como ejemplo: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> ¿Hay selectores para obtener: Todos los elementos con data-company="Microsoft"abajo"Companies" Todos los elementos con data-company!="Microsoft"abajo"Companies" En otros casos, …

636 javascript  jquery  jquery-selectors  custom-data-attribute 

¿Cuál es la diferencia en el uso entre $.datay $.attrcuando se usa data-someAttribute? Tengo entendido que $.datase almacena dentro de jQuery $.cache, no en el DOM. Por lo tanto, si quiero usar $.cachepara el almacenamiento de datos, debería usarlo $.data. Si quiero agregar atributos de datos HTML5, debería usar $.attr("data-attribute", …

513 javascript  jquery  html  custom-data-attribute 

¿Es posible seleccionar elementos en CSS por sus atributos de datos HTML5 (por ejemplo data-role)?

488 css  html  css-selectors  custom-data-attribute 

Estoy tratando de usar atributos de datos HTML5 en mi proyecto ASP.NET MVC 1. (Soy un novato de C # y ASP.NET MVC). <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> Los "datos-detalles" en …

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

Tengo un div con un atributo data-myval = "10". Quiero actualizar su valor; ¿No cambiaría si lo uso div.data('myval',20)? ¿Necesito usar div.attr('data-myval','20')solo? ¿Me estoy confundiendo entre HTML5 y jQuery? Por favor avise. ¡Gracias! EDITAR: actualizado div.data('myval')=20a div.data('myval',20), pero aún el HTML no se actualiza.

233 jquery  html  custom-data-attribute 

¿Cuánto tiempo es demasiado largo para un valor de atributo en HTML? Estoy usando atributos de datos de estilo HTML5 ( data-foo="bar") en una nueva aplicación, y en un lugar sería realmente útil almacenar una buena cantidad de datos (más de 100 caracteres). Si bien sospecho que esta cantidad está …

213 html  custom-data-attribute 

Atributos de datos personalizados: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data Cuando digo "trabajo", quiero decir, si tengo HTML como este: <div id="geoff" data-geoff="geoff de geoff"> será el siguiente JavaScript: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); producir, en IE 6, una alerta con "geoff de geoff" en el?

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 Estoy creando un elemento dentro de jquery. Después de eso, quiero agregar el atributo "datos". Es como y se agrega, pero en el DOM, esto no es aparente, y no puedo obtener el elemento, usando $('div[data-example="example"]').html() jsfiddle

170 jquery  html  custom-data-attribute 

Tengo el siguiente html: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> ¿Es posible obtener los atributos que comienzan data-y usarlos en el código JavaScript como el código a continuación? Por ahora me sale 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" }); …

144 javascript  html  custom-data-attribute 

Tengo el siguiente campo en una vista MVC: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> En un archivo js separado, quiero establecer el data-helptextatributo en un valor de cadena. Aquí está mi código: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); La alert()llamada funciona bien, muestra el texto "Texto antiguo" en …

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

Me gustaría escribir un complemento jQuery simple que muestre modales en línea bajo elementos especificados. Mi idea es que el script se inicie automáticamente según los atributos de datos especificados en los elementos. Un ejemplo muy 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"><!-- …

115 html  custom-data-attribute  html5-data 

Tengo algunos elementos como a continuación: <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> ¿Cómo puedo agregar una clase al elemento que tiene un data-slidevalor de atributo de 0(cero)? He probado muchas soluciones diferentes pero nada funcionó. Un ejemplo: $('.slide-link').find('[data-slide="0"]').addClass('active'); ¿Alguna idea?

103 jquery  html  css  custom-data-attribute