Невозможно установить идентификатор данных в элемент HTML

Question

Я ищу это когда-нибудь. Найдено old article и this. Но не работает для меня.

Моя проблема: я не могу установить приращение data-id в элемент HTML через jQuery. Я могу предупредить об этом, но я не смог установить в HTML. При проверке элемента нет изменений.

JQuery

$(document).ready(function() {  
    $("#search").click(function(){  
    var num = $(this).data('id');  
    num++; 
    $("span").text(num); 
    $(this).data('id', num); 
    });  
}); 

Я попытался это также

$(this).data('id') === num; 

Вот jsFiddle Demo

Я использую v1.9.1 и нет ошибок в консоли. Это здорово, если кто-нибудь может найти проблему.

Answer 1

Все остальные ответы правильные - фиксация 'val' к val - это, конечно, решает проблему NaN.

Проблемы однако:

Я не могу установить инкрементируются данные идентификатора для элемента HTML с помощью JQuery. Я могу , чтобы предупредить об этом, но я не смог установить в HTML. Нет никакого изменения в элемента, если я проверю.

jQuery использует внутреннее представление (1) для data. Если вы хотите увидеть data-id в инспекторе вам нужно использовать: $(this).attr('data-id', num);

---

(1) «Внутренний represenation»:

Все данные хранятся в свойстве объекта JQuery имени кэша. Запишите содержимое $ .cache в консоли, чтобы просмотреть все данные и события , связанные с любым элементом DOM.

См: https://stackoverflow.com/a/4385015/775359

Answer 2

Проблема в этой строке.

$(this).data('id', 'num'); 

num должно быть переменной, а не строкой.

Изменить его к этому, и он будет работать нормально:

$(this).data('id', num); 

Answer 3

Standard Pure Javascript данных атр

попробовать этот

this.dataset['id']=num; 

или

this.dataset.id=num; 

http://jsfiddle.net/JU4H4/8/

EDIT на основе замечаний, а также, почему я не использую jaquery

здесь является частичной функцией для данных-ATTR взяты из кода JQuery в. (Я не использую JQuery)

function dataAttr(elem, key, data) { 
     var name; 

     // If nothing was found internally, try to fetch any 
     // data from the HTML5 data-* attribute 
     if (data === undefined && elem.nodeType === 1) { 
       name = "data-" + key.replace(rmultiDash, "-$1").toLowerCase(); 
       data = elem.getAttribute(name); 

       if (typeof data === "string") { 
         try { 
           data = data === "true" ? true : 
             data === "false" ? false : 
             data === "null" ? null : 
             // Only convert to a number if it doesn't change the string 
             +data + "" === data ? +data : 
             rbrace.test(data) ? jQuery.parseJSON(data) : 
             data; 
         } catch(e) {} 

         // Make sure we set the data so it isn't changed later 
         data_user.set(elem, key, data); 
       } else { 
         data = undefined; 
       } 
     } 
     return data; 
} 

Answer 4

Используйте переменную num, а не строка 'num':

$(this).data('id', num); 

Updated jsfiddle demo

Answer 5

Попробуйте это, чтобы получить:

$(this).attr('data-id'); 

и это установить Attribué:

$(this).attr('data-id', num);