Question

我正在尝试更改我的主图像，当我点击它时，我做了console.log并且它给了我这个错误Uncaught TypeError: Cannot read property 'src' of null，我对this属性做错了什么？如何点击我的img-container以显示为主图像？提前谢谢！

我的divs

<ul class="list-inline ">
<div class="main_image"><img src="some.jpg" ></div>

<li><div class="img-container"><img src="some.jpg" ></div></li>
<li><div class="img-container"><img src="some.jpg" ></div></li>
</ul>

jquery的

<script>
$( document ).ready(function() {
$(".img-container img").click(function() {
    $(".main_image img").attr("src", $(this).attr("src"));
});
});
</script>

Answer 1

这不是你问题的答案，因为我无法重现这个问题，但我会给你这个替代解决方案......

$( document ).ready(function() {
$(".img-container img").click(function() {
    //$(".main_image img").attr("src", $(this).attr("src"));
    var img = $(this).clone();
    $(".main_image img").remove();
    $(".main_image").append(img);
});
});

此处示例：jsfiddle

Answer 2

你为什么使用＆＃34;这个＆＃34;？，你可以找到带有jquery的元素

$(".main_image img").attr("src", $("#myElement").attr("src"));

点击不工作更改主图像

2 个答案: