Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/253.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Jquery属性等于选择器仅选择第一个元素_Php_Jquery - Fatal编程技术网

Php 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

我的equals选择器仅选择列表中的第一项。 单击哪个图像无关紧要,它总是将jQuery变量设置为第一项。 谢谢


元素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'); 
});