javascript - jQuery 函数(切换 img 的 src 属性)

Question

我有点不熟悉所有 JS 东西和所有东西，但今天我需要使用一些 jQ 魔法，我阅读了几篇文章，这是我所做的:

$('.thumb_img').click(function() {
    $(this).attr('src', $(this).attr('src').replace('img/', 'img/full/'));
})

一切正常，但我需要让它切换。这个函数的基本思想是改变用户点击的图片的src(只需在路径中添加一个“/full”)，如果再次点击已经修改过的图片，则从路径中删除“/full”。

我真的不知道怎么做。提前感谢您的帮助。

Answer 1

一种方法:

$( '.thumb_img' ).click( function () {
    var src = this.src;

    if ( src.indexOf( '/full/' ) !== -1 ) {
        src = src.replace( '/full/', '/' ); 
    } else {
        src = src.replace( 'img/', 'img/full/' );
    }

    this.src = src;
});

---

事件委托(delegate):

$( '#images' ).delegate( '.thumb_img', 'click', function () {
    var src = this.src;

    if ( src.indexOf( '/full/' ) !== -1 ) {
        src = src.replace( '/full/', '/' ); 
    } else {
        src = src.replace( 'img/', 'img/full/' );
    }

    this.src = src;
});

哪里#images选择 <div id="images">包含所有图像的元素。