Использование JQuery для редактирования атрибутов данных на определенных элементах DOM

Question

Использование JQuery для редактирования атрибутов данных на определенных элементах DOM

0

Я помещал предупреждения, потому что изменения не показывались, когда я проверял элемент. Однако, когда я нажимаю на объект, первый раз он вызывает предупреждение "data now false", как будто я уже щелкнул его один раз.

HTML:

<li class="media-thumb" data-select="false"><img src="IMG HERE"></li>

Javascript:

 $(document).ready(function() {


    $(".media-thumb").click(function() {
        if($(this).data("select") === "false") 
            {
                alert("data is now true")
                $(this).data("select", "true");


            }
        else
            {
                alert("data is now false")
                $(this).data("select", "false");

            }
    });

});

Davey 20 сен. 2013, в 05:56

Источник

Теги:

javascript

jquery

html

dom

1 ответ

Ещё вопросы

Paul Roub · Accepted Answer · 2013-09-20T01-30-00.000Z

Атрибут data-select возвращается как boolean false (для jQuery docs: " Производится каждая попытка преобразовать строку в значение JavaScript"), а не строку.

Таким образом, вы можете написать:

$(".media-thumb").click(function() {
    if(! $(this).data("select")) 
        {
            alert("data is now true")
            $(this).data("select", true);
        }
    else
        {
            alert("data is now false")
            $(this).data("select", false);
        }
});

Пример CodePen: http://codepen.io/paulroub/pen/Bnvub