javascript - 在 jQuery 中通过 alt 属性定位 <img>

标签 javascript jquery

我正在编写以下代码。我想找出为什么我无法定位 <img>仅具有“奖项 Logo ”的标签 alt

<img src="http://www.....jpg" alt="award logos">
<img src="http://www.....jpg" alt="Ranking">

<script>
$(document).ready(function() {
  $('img [alt="award logos"]').wrap("<a href='http://google.com' </a>");
});
</script>

从技术上讲,我想要做的是定位具有特定 alt 属性的所有图像。

最佳答案

删除 img[alt="award logos"] 之间的空格,因为它正在寻找 img 的子元素属性[alt="奖项 Logo "]

$(document).ready(function() {
  $('img[alt="award logos"]').wrap("<a href='http://google.com'> </a>");
});

注意 - 在包装img时,您错过了a( anchor )标签的>,请更正它。

<强> JSFiddle Demo

关于javascript - 在 jQuery 中通过 alt 属性定位 <img>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26228743/

相关文章:

javascript - 检测点击内部/外部 div

javascript - 如何在另一个 Javascript 中实现 Bootstrap Datepicker?

javascript - 使用 Hopscotch 自动播放游览并在关闭/完成后不再播放吗?

javascript - 如何为 div 内的 span 元素添加摇动动画

javascript - 我什么时候应该构建 'dist' 文件夹,什么时候不应该构建?

javascript - 避免将特定模块与 Browserify 捆绑在一起

javascript - 删除 JavaScript :ShowExternal in href

jquery - 如何在 JavaScript 中检测 OS X 的 Command-Shift-Click?

javascript - 清除参数值以使用新值进行 react 搜索查询的最佳方法

javascript - newWindow 表中的分页符