jQuery를 사용하여 데이터 속성 값 업데이트

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-blockjQuery를 사용하는 속성.이거 어떻게 해요?

Update : 이미지 요소가 많기 때문에 다음을 이용하여 특정 이미지의 값을 업데이트하고자 합니다.data-id.

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

jQuery.data 및 jQuery.attr을 사용합니다.

이해를 위해 따로 보여드리는 겁니다.

$('.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');

div의 너비와 높이를 변경하고 싶습니다. div의 data 속성은 변경되지 않았습니다.대신 다음을 사용합니다.

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!

이것으로 정했습니다.

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

언급URL : https://stackoverflow.com/questions/7874320/updating-the-value-of-data-attribute-using-jquery