Обновление атрибута data с помощью jQuery

У меня есть следующий код HTML:

<a class="toggle" href="#toggle">
    <img src="app/css/images/tock.png" alt="No" data-id="4" data-block="1">
</a>

Я хочу обновить значения атрибутов src и data-block с помощью jQuery. Как это сделать?

Обновление: Поскольку у меня много элементов изображения, я хочу обновить значение определенного изображения с помощью data-id.

Ответ 1

$('.toggle img').data('block', 'something');
$('.toggle img').attr('src', 'something.jpg');

Используйте jQuery.data и jQuery.attr.

Я показываю их вам отдельно ради понимания.

Ответ 2

$('.toggle img').each(function(index) { 
    if($(this).attr('data-id') == '4')
    {
        $(this).attr('data-block', 'something');
        $(this).attr('src', 'something.jpg');
    }
});

или

$('.toggle img[data-id="4"]').attr('data-block', 'something');
$('.toggle img[data-id="4"]').attr('src', 'something.jpg');

Ответ 3

$('.toggle img').data('block', 'something').attr('src', 'something.jpg');

Ответ 4

Я хочу изменить ширину и высоту div. Атрибуты данных не изменили его. Вместо этого я использую:

var size = $("#theme_photo_size").val().split("x");
$("#imageupload_img").width(size[0]);
$("#imageupload_img").attr("data-width", size[0]);
$("#imageupload_img").height(size[1]);
$("#imageupload_img").attr("data-height", size[1]);

будь осторожен:

$("#imageupload_img").data("height", size[1]); //did not work

не установил

$("#imageupload_img").attr("data-height", size[1]); // yes it worked!

это установило это.