【问题标题】:How to select one of a group of element using Jquery?如何使用 Jquery 选择一组元素中的一个?
【发布时间】:2009-12-16 04:04:04
【问题描述】:
<img style="cursor: pointer" src="../common/images/plus.jpg"/> View History($revisions)

如何选择上面的图片按钮?我想选择来源为

的图像

../common/images/plus.jpg

当然图片必须是可点击的。

我加了

<script>
$("img[src=../common/images/plus.jpg]").click(function(){
    alert("ok");
});
</script>

但是,我遇到了一个错误

预期的标识符或字符串 属性选择器中的值但找到 '。'

【问题讨论】:

    标签: jquery jquery-selectors


    【解决方案1】:

    如果你真的想通过 src 选择,应该这样做:

    $('[src=../common/images/plus.jpg]')
    

    ...但你最好给它一个 ID - 这样更可靠、更快。

    <img id="imgPlus" style="cursor: pointer" src="../common/images/plus.jpg"/> View History($revisions)
    

    然后选择它你可以说:

    $('#imgPlus')
    

    【讨论】:

    • 一个稍微灵活的替代方案是 $('[src$="common/images/plus.jpg"]')。这只是匹配 src 属性的后缀,而不是全部。
    【解决方案2】:

    使用 jQuery,您可以使用 CSS3 属性选择器来查找图像:

    $('img[src="../common/images/plus.jpg"]').click(function() {
      //handle click event here
    });
    

    希望这会有所帮助!

    【讨论】:

    • 糟糕。您需要像这样在 URL 周围添加引号。 $('img[src="../common/images/plus.jpg"]')。查看这篇文章了解更多信息:forabeautifulweb.com/blog/about/…
    【解决方案3】:

    最简单的方法是为图像提供类似的 id

    <img id="imgClick" style="cursor: pointer" src="../common/images/plus.jpg" />
    

    你可以这样编码

    $("#imgClick").click(function(){
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-13
      • 2011-09-13
      • 1970-01-01
      相关资源
      最近更新 更多