«custom-data-attribute» etiketlenmiş sorular

Özel veri özniteliklerinin, daha uygun özniteliklerin veya öğelerin olmadığı sayfaya veya uygulamaya özel özel verileri depolaması amaçlanır.

11
Veri özelliğine göre öğe seçme
Özelliklerine göre öğeleri seçmek için kolay ve basit bir yöntem var datamı? Örneğin customerID, değerine sahip veri özniteliğine sahip tüm bağlayıcıları seçin 22. Ben relbu tür bilgileri saklamak için kullanmak için tereddüt veya diğer öznitelikler, ama içinde hangi verilerin depolandığına dayalı bir öğe seçmek çok daha zor buluyorum.

9
jQuery nasıl bir veri özniteliği değerine dayalı bir öğe bulmak için?
Aşağıdaki senaryo var: var el = 'li'; ve <li>sayfada her biri bir data-slide=numberniteliğe sahip 5 sayı vardır (sayı sırasıyla 1,2,3,4,5'tir) . Şimdi var current = $('ul').data(current);her bir slayt değişikliğiyle eşleştirilen ve güncellenen şu anda etkin olan slayt numarasını bulmam gerekiyor . Şimdiye kadar denemelerim başarısız oldu, mevcut slayda uyan seçiciyi …

14
Veri kimliği özelliği nasıl edinilir?
JQuery quicksand eklentisini kullanıyorum. Tıklanan öğenin veri kimliği almak ve bir web hizmetine geçmek gerekir. Veri kimliği özelliğini nasıl edinebilirim? .on()Sıralı öğeler için tıklama olayı yeniden bağlama yöntemini kullanıyorum . $("#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"> <li data-id="id-40" …

4
HTML5 kullanarak özel veri özniteliklerindeki jQuery seçicileri
HTML5 ile gelen bu veri öznitelikleri için hangi seçicilerin kullanılabilir olduğunu bilmek istiyorum. Bu HTML parçasını örnek olarak alalım: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> Almak için seçiciler var mı: data-company="Microsoft"Aşağıdaki tüm öğeler"Companies" data-company!="Microsoft"Aşağıdaki tüm öğeler"Companies" Diğer durumlarda, "içerir, küçüktür, büyüktür, vb." Gibi diğer seçicileri kullanmak …

3
jQuery Verileri vs Attr?
Kullanırken $.datave $.attrkullanırken kullanım arasındaki fark nedir data-someAttribute? Benim anlayış DOM değil $.datajQuery içinde saklanır olduğunu $.cache. Bu nedenle, $.cacheveri depolama için kullanmak istersem kullanmalıyım $.data. HTML5 veri öznitelikleri eklemek istersem kullanmalıyım $.attr("data-attribute", "myCoolValue").



8
HTML öğelerinde veri özellikleri nasıl ayarlanır?
Özelliğe sahip bir div var data-myval = "10". Değerini güncellemek istiyorum; kullanırsam değişmez div.data('myval',20)mi? div.attr('data-myval','20')Yalnızca kullanmam gerekiyor mu? HTML5 ve jQuery arasında kafam karışıyor mu? Tavsiye lütfen. Teşekkürler! DÜZENLEME: Güncelleme div.data('myval')=20için div.data('myval',20), ama yine de HTML güncellenmesi değildir.

8
HTML özelliklerinin uzunluğunda bir sınır var mı?
HTML'deki özellik değeri için ne kadar uzun? HTML5 stili veri özniteliklerini ( data-foo="bar") yeni bir uygulamada kullanıyorum ve tek bir yerde (100 karakterden fazla) adil bir veri deposu depolamak gerçekten kullanışlı olurdu. Bu miktarın iyi olduğundan şüphelenirken, ne kadar çok olduğu sorusunu gündeme getiriyor.

6
HTML5 özel veri özellikleri IE 6'da “çalışıyor” mu?
Özel veri özellikleri: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data “İş” dediğimde, şöyle bir HTML varsa: <div id="geoff" data-geoff="geoff de geoff"> aşağıdaki JavaScript'i kullanır: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); IE 6, içinde "geoff de geoff" ile bir uyarı üretmek?

6
DOM'a veri özelliği ekleme
$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work Jquery içinde eleman yaratıyorum. Bundan sonra, "data" niteliğini eklemek istiyorum. Beğendi ve eklendi, ancak DOM'da bu belirgin değil ve öğeyi alamıyorum. $('div[data-example="example"]').html() jsfiddle

8
JavaScript kodunda veri özelliklerini alma
Sonraki html var: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> İle başlayan özellikleri almak ve aşağıdaki kod gibi JavaScript kodunda data-kullanmak mümkün mü? Şimdilik sonuç alıyorum .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
JQuery Data () API kullanılarak veri özelliği ayarlanamıyor
Bir MVC görünümünde aşağıdaki alana sahibim: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> Ayrı bir js dosyasında, data-helptextözniteliği bir dize değerine ayarlamak istiyorum . İşte kodum: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); alert()Çağrı bir uyarı iletişim metni "Eski Metin" gösterir, gayet iyi çalışıyor. Ancak, data-helptextözniteliği "Test 123" olarak ayarlama …

4
Boş HTML5 veri öznitelikleri geçerli mi?
Belirtilen öğeler altında satır içi modları görüntüleyen basit bir jQuery eklentisi yazmak istiyorum. Benim fikrim, komut dosyasının öğelerde belirtilen veri özniteliklerine göre otomatik olarak başlatılmasıdır. Çok basit bir örnek: <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 --></div> Merak …

4
jQuery veri özniteliği değerine göre öğeyi bulur
Aşağıdaki gibi birkaç öğem var: <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Öznitelik değeri olan elemana nasıl sınıf ekleyebilirim?0 (sıfır) ? Birçok farklı çözümü denedim ama hiçbir şey işe yaramadı. Bir örnek: $('.slide-link').find('[data-slide="0"]').addClass('active'); Herhangi bir fikir?

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.