如何使用.jpg选择图像

Question

有没有什么方法可以让我用.jpg定位图像？

例如，下面的代码放大所有图像。但是，我只想放大.jpg。

/*
 * If a page url contains /art-8 (not cart-8), then do this.
 * Add a link to zoom an image on the first image on a product page  
 */
if (/[^c]art-8/.test(location.pathname)) {

$("#system #product_cont img").wrapAll("<ul class=\"cont_thumb\">").wrap("<li>");
$(".cont_thumb").after("<div style='clear:both;padding-bottom: 20px;'></div> ");



$("ul.cont_thumb li").hover(function(){
    $(this).css({
        'z-index': '10'
    });
    $(this).find('img').addClass("hover").stop().animate({
        marginTop: '0px',
        marginLeft: '-35px',
        top: '50%',
        left: '50%',
        width: '344px',
        height: '258px',
        padding: '0px'
    }, 200);

}, function(){
    $(this).css({
        'z-index': '0'
    });
    $(this).find('img').removeClass("hover").stop().animate({
        marginTop: '0',
        marginLeft: '0',
        top: '0',
        left: '0',
        width: '80px',
        height: '60px',
        padding: '3px'
    }, 400);
});

Answer 1

使用$=

$('img[src$=".jpg"]')

http://api.jquery.com/attribute-ends-with-selector/

Answer 2

您可以使用选择器img[href$=.jpg], img[href$=.jpeg]。

Answer 3

替换

$("ul.cont_thumb li").hover(function(){

使用

$("ul.cont_thumb li").filter("img[src$='.jpg']").hover(function(){