반응형
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를 사용하는 속성.이거 어떻게 해요?
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
반응형
'programing' 카테고리의 다른 글
javascript에서 CSS 변수 접근 (0) | 2023.09.24 |
---|---|
op 사용 시 성능에 미치는 영향 (0) | 2023.09.24 |
문자열에서 워드프레스 쇼트코드 실행 (0) | 2023.09.24 |
window.크기 조정Internet Explorer에서 이벤트 실행 (0) | 2023.09.24 |
날짜 활용 없이 파이썬에서 시간대 인식 문자열을 날짜 시간으로 변환하는 방법? (0) | 2023.09.24 |