Php Jquery属性等于选择器仅选择第一个元素
我的equals选择器仅选择列表中的第一项。 单击哪个图像无关紧要,它总是将jQuery变量设置为第一项。 谢谢Php Jquery属性等于选择器仅选择第一个元素,php,jquery,Php,Jquery,我的equals选择器仅选择列表中的第一项。 单击哪个图像无关紧要,它总是将jQuery变量设置为第一项。 谢谢 元素id必须是唯一的。您应该改用类。因为id必须是唯一的,所以您需要改用类: <div class="imgContain"> <img class="finalimg" alt="first" src="website.com/imga546.jpg"> <img class="finalimg" alt="second" src="w
元素id必须是唯一的。您应该改用类。因为id必须是唯一的,所以您需要改用类:
<div class="imgContain">
<img class="finalimg" alt="first" src="website.com/imga546.jpg">
<img class="finalimg" alt="second" src="website.com/imga645.jpg">
<img class="finalimg" alt="thrid" src="website.com/imga6786.jpg">
<img class="finalimg" alt="4th" src="website.com/imga31234.jpg">
</div>
您可以在单击图像时获得图像的唯一ID,并执行如下操作 工作小提琴演示
当我点击imgContain div时,你想要什么输出?ID不必是唯一的。我认为jQuery处理得很好。检查此小提琴:否,id必须唯一:。您的代码可以工作,因为您正在应用$this.ID,不必是唯一的。我认为jQuery处理得很好。无论如何,多个元素具有相同的id是不好的。事实上,为什么不直接使用$this.attr'src?你是说$this.attrsrc?这是可能的,但在复杂的场景中,如果不使用id,一切都会变得混乱和复杂。使用jQuery是一种很好的做法。
<div class="imgContain">
<img class="finalimg" alt="first" src="website.com/imga546.jpg">
<img class="finalimg" alt="second" src="website.com/imga645.jpg">
<img class="finalimg" alt="thrid" src="website.com/imga6786.jpg">
<img class="finalimg" alt="4th" src="website.com/imga31234.jpg">
</div>
$('.imgContain').on("click", ".finalimg", function () {
var srcc = $(this).attr('src');
var linkU = $(this).attr('alt');
});
<div class="imgContain">
<img id="img1" alt="first" src="website.com/imga546.jpg">
<img id="img2" alt="second" src="website.com/imga645.jpg">
<img id="img3" alt="thrid" src="website.com/imga6786.jpg">
<img id="img4" alt="4th" src="website.com/imga31234.jpg">
</div>
then change your jQuery code to:
$('.imgContain').on("click", "img", function () {
var getID=$(this).attr("id");
var source = $("#"+getID).attr('src');
var linkOfImg = $("#"+getID).attr('alt');
});