我有以下HTML代码：
<a class="toggle" href="#toggle"> <img src="app/css/images/tock.png" alt="No" data-id="4" data-block="1"> </a>
我想使用jQuery更新src和data-block属性的值。我该怎么做？
src
data-block
**更新：**由于我有很多图片元素，我想通过data-id来更新特定图片的值。
data-id
tktrz96b1#
$('.toggle img').data('block', 'something'); $('.toggle img').attr('src', 'something.jpg');
使用jQuery.data和jQuery.attr。为了便于理解，我把它们分开给你们看。
f0brbegy2#
$('.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');
9nvpjoqh3#
我想改变div的宽度和高度。数据属性并没有改变它。相反，我使用：用途：
var size = $("#theme_photo_size").val().split("x"); // text input like value: 640x480 $("#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!
这已经设定好了。
w41d8nur4#
$('.toggle img').data('block', 'something').attr('src', 'something.jpg');
4条答案
按热度按时间tktrz96b1#
使用jQuery.data和jQuery.attr。
为了便于理解，我把它们分开给你们看。
f0brbegy2#
或
9nvpjoqh3#
我想改变div的宽度和高度。数据属性并没有改变它。相反，我使用：用途：
小心：
没有设置它
这已经设定好了。
w41d8nur4#