jQuery $ ("img[src=the_image_souce]").attr ('src' ,'new_src' );不起作用

Question

我的代码不起作用，我不知道为什么the_image_source 和 new_src 只是占位符，我在其中放入了实际值

我也尝试过 $("img[src=the_image_souce]")[0].attr('src','new_src'); 但它也不起作用，请帮忙

Answer 1

您必须知道，通过访问 jQuery 对象中的 [0] 元素，这将返回 DOM 元素。您不能直接在 DOM 元素上使用 jQuery attr() 方法。它必须在 jQuery 对象上运行

本质上，如果您有多个与以下选择器匹配的元素，并且您想要访问第一个匹配的元素 $("img[src='http://domain.com/image.jpg] ") 那么你应该使用 .first()或.eq() 。示例

$("img[src='http://domain.com/image.jpg']").first().attr('src','http://domain.com/newimage.jpg')

或

$("img[src='http://domain.com/image.jpg']").eq(0).attr('src','http://domain.com/newimage.jpg')

或

$($("img[src='http://domain.com/image.jpg']")[0]).attr('src','http://domain.com/newimage.jpg');

但这看起来很奇怪