Как я могу найти элемент из данных объекта?

Question

Я пытаюсь выяснить, как найти элемент, используя два атрибута, где один является объектом данных.

Возьмите этот код ...

Html:

<div data-div></div> 

Javascript:

$(document).ready(function() { 
    var m = { "Name": "John", "Age": 38 }; 
    $("[data-div]").data("user", m); 
    $("[data-div]").html($("[data-div]").data("user").Name); 
    $("[data-div][data-user-Name='John']").html("YES!"); // <-- doesn't work 
}); 

В последней строке выше, я стараюсь, чтобы получить элемент по ключу данных и объект данных (пользователь = Джон).

Как это сделать, так как выше не работает?

Вот скрипку образец ...

Answer 1

Проблема заключается в $("[data-div]").data("user", m);will not create a data-* attribute. Это не .data() для. .data() не означает «добавление data-* атрибутов», вместо этого они предназначены для добавления произвольных данных к конкретным узлам.

Вы должны будете использовать attr() добавить data-* атрибуты:

$("[data-div]").attr({ 
    "data-user-name": "John", 
    "data-user-age": 38 
}); 

---

Для поиска значений данных Jquery, попробуйте следующее:

$("[data-div]").filter(function(){ 
    return $(this).data("user").Name == "John"; 
}); 

Answer 2

Если установить значение данных с .data('') он не сохраняется как атрибут. Вы должны либо установить атрибут с .attr('data-user-name','John') или вы должны найти элемент, используя функцию filter():

$('[data-div]').filter(function(){ 
    return $(this).data('user').Name == 'John'; 
});