Javascript 仅从调用脚本的div获取img

是否可以使用jsonclick函数在不使用id或class的情况下获取图像alt

我想从这里拍摄这张照片，从打电话的那个部门；因为你可以看到一个普通的div，里面有所有的元素…图像和按钮

比如，如果div是一个父元素，而所有其他元素都是child，那么即使同一页上有多个类似的div，您也只能从这个div中找到img子元素

<div id="ww10140700815" class="post-content">

<div class="col-md-7">
<img src="../im/wall/w10140700815.jpg" alt="w10140700815"/>
</div>
<div class="col-md-5">
<span class="meta">ID: w10140700815</span>
<a class="btn btn-default">Take Alt</a>
</div>

</div>
<div id="ww10140700815" class="post-content">

<div class="col-md-7">
<img src="../im/wall/w10140700815.jpg" alt="w10140700815"/>
</div>
<div class="col-md-5">
<span class="meta">ID: w10140700815</span>
<a class="btn btn-default">Take Alt</a>
</div>

</div>
<div id="ww10140700815" class="post-content">

<div class="col-md-7">
<img src="../im/wall/w10140700815.jpg" alt="w10140700815"/>
</div>
<div class="col-md-5">
<span class="meta">ID: w10140700815</span>
<a class="btn btn-default">Take Alt</a>
</div>

</div>

---

您可以将其嵌套在一个div中，以获取其子对象，或者您可以将其添加到img中，以获得更简单的时间

<div id="ww10140700815" class="post-content">

<div class="col-md-7">
<img onclick="alert(this.getAttribute('alt'))" src="../im/wall/w10140700815.jpg" alt="w10140700815"/>
</div>
<div class="col-md-5">
<span class="meta">ID: w10140700815</span>
<a class="btn btn-default">Take Alt</a>
</div>

识别号：w10140700815
服用Alt

最好的

---

Dhruv

如果HTML结构保持显示状态，则可以使用CSS选择器为单击事件隔离正确的元素，并找到相应的

img

元素

//监听使用“post content”类在任何div上的单击
$（“div.post-content”）。在（“单击”，函数（evt）{
//查找类别为“col-md-7”的子div中的图像
var$img=$（“div[class='col-md-7']img”，本）；
console.log（$img.attr（“alt”）；//获取其alt值
});
.btn{光标：指针；显示：内联块；背景：#e0e0；边框半径：4px；填充：5px；}
.btn:hover{box shadow:02px#909090；}
.btn:active{box shadow:0 0 0 2px#303030；}

识别号：w10140700815
服用Alt
识别号：w10140700825
服用Alt
识别号：W1014070835
服用Alt
我尝试将所有内容放入一个列表中，只调用特定列表中的图像，但没有效果…我根本不知道如何做请参见下面的更新答案，以了解正确的方法。问题是我不能使用“this.alt”，因为我不是在单击图像，而是在单击图像附近的按钮。我知道我可以给那个按钮取一个名字，然后用它来代替alt，但是我已经有5000张这样的图片了，我只想在每个按钮上加一个按钮，把它们的一些信息拿出来。我不想重新编辑所有这些内容，因为这需要大量的工作。我的答案显示了如何根据您在问题中所说的内容以及您提供的代码来执行此操作。您的示例没有显示任何按钮。请更新您的问题以显示您正在使用的HTML的结构。我使用的是isted of…它有一个像按钮一样定义它的类
<div id="ww10140700815" class="post-content">

<div class="col-md-7">
<img onclick="alert(this.getAttribute('alt'))" src="../im/wall/w10140700815.jpg" alt="w10140700815"/>
</div>
<div class="col-md-5">
<span class="meta">ID: w10140700815</span>
<a class="btn btn-default">Take Alt</a>
</div>