Javascript 从没有id的Img获取id

我正在创建一个简单的引导库缩略图，其中包含从数据库调用的图像。我成功地调用了所有信息，但现在我正努力获取每张图像的id。这是我的代码：

 <div class="col-sm-6 col-md-4">
<div class="thumbnail">
  <img id="<?php echo $row['ID_Category']?>" src="<?php echo $row['category_image'] ?>" alt="<?php $row['Categories'] ?>">
  <div class="caption">
    <h3><?php echo $row['ID_Category']?></h3>
    <p><?php echo $row['Categories'] ?></p>
    <p><a href="#" onclick="return getID(this);" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
  </div>
</div>

---

但它不起作用，如果从数据库中调用，如何获取每个图像的id？

为什么不以与您编写的相同的方式获取

<div class="col-sm-6 col-md-4">
<div class="thumbnail">
  <img id="<?php echo $row['ID_Category']?>" src="<?php echo $row['category_image'] ?>" alt="<?php $row['Categories'] ?>">
  <div class="caption">
    <h3><?php echo $row['ID_Category']?></h3>
    <p><?php echo $row['Categories'] ?></p>
    <p><a href="#" onclick="return getID(<?php echo $row['ID_Category']?>);" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
  </div>
</div>

function getID(id)
{
    alert(id);
}

---

您可以在标记中使用属性标记并添加onclick函数来获取id值。我设置category id属性，并在javascript代码中使用此标记来获取值

<div class="col-sm-6 col-md-4">
<div class="thumbnail">
  <img id="<?php echo $row['ID_Category']?>" src="<?php echo $row['category_image'] ?>" alt="<?php $row['Categories'] ?>">
  <div class="caption">
    <h3><?php echo $row['ID_Category']?></h3>
    <p><?php echo $row['Categories'] ?></p>
   <p><a href="#" onclick="return getID(this);" category-id="<?php echo $row['ID_Category']?>" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
  </div>
</div>

这就是脚本函数

<script>
function getID(obj)
{
    alert(obj.getAttribute("category-id"));
}
</script>

或者在此函数中添加onclick函数和send id

<div class="col-sm-6 col-md-4">
<div class="thumbnail">
  <img id="<?php echo $row['ID_Category']?>" src="<?php echo $row['category_image'] ?>" alt="<?php $row['Categories'] ?>">
  <div class="caption">
    <h3><?php echo $row['ID_Category']?></h3>
    <p><?php echo $row['Categories'] ?></p>
   <p><a href="#" onclick="return getID('<?php echo $row['ID_Category']?>');"  class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
  </div>
</div>

这是剧本

<script>
function getID(id)
{
    alert(id);
}
</script>

两者都会起作用。

函数getIDobj{ HtmleElement的ifobj实例{ alertobj.getAttributedata-target-id； } 否则{ alertobj； } } 例1 使用data-*属性

例2 直接传递id

---

你想得到什么？id或src？这是链接按钮。当用户单击标记时，我试图从图像中获取id，这是一个链接button@Hodrobond假设OP有jquery。没有jquery是可能的？这是解决我问题的一种方法。它很有用，所以我会检查它作为一个答案，谢谢！我很高兴它对您有所帮助，再见。元素id在整个文档中应该是唯一的。@Alessandro yes问题提供程序使用id，因此我认为此id是唯一的，因此在上述解决方案中没有问题img元素和a元素具有相同的id，而不是只有代码答案，请解释您提供的代码或您添加/更改某些特定内容的原因。

<script>
function getID(id)
{
    alert(id);
}
</script>