Javascript 将活动类添加到jQuery图像交换代码

我正在使用一些jquery代码在单击时将图像交换到一个新源，但我需要它在单击时添加“active”类，并在单击另一个元素时将其删除，以下是jquery和html

html

jQuery

$('.steplink').live("click", function() {
    $('#stepimg').hide();
    $('#stepimgwrap').css('background-image', "url('../img/ajax-loader.gif')");
    var i = $('<img />').attr('src',this.href).load(function() {
        $('#stepimg').attr('src', i.attr('src'));
        $('#stepimgwrap').css('background-image', 'none');
        $('#stepimg').show();
    });
    return false; 
});

$（'.steplink'）.live（“单击”，函数（）{
$（'#stepimg'）.hide（）；
$（'#stepimgwrap'）.css（'background-image'，“url（'../img/ajax-loader.gif'））；
变量i=$（'
提前谢谢
您想在stepimg上完成吗

$('#stepimg').toggleClass('active');

通常我会使用
sibbines（）
，但DOM不会隔离所有
steplink
s

$('.steplink').live("click", function() {

    /* .. blah blah */
    $('.steplink').removeClass('active');
    $(this).addClass('active');
});

试试这个：


$（'.steplink'）.live（“单击”，函数（）{
$（'#stepimg'）.hide（）；
$（this.addClass（'active'）；//
这会将活动类添加到当前锚点，并更改图像的src。
此处包括单击事件

$(document).ready(function(){
    $('.steplink').click(function(){
        $('#stepimgwrap').toggleClass('active');
        return false;
       //
    });
});

这个问题的本质看起来像是一个复制品
$('.steplink').live("click", function() {
$('#stepimg').hide();

$(this).addClass('active'); // <---------------add active class to link clicked 
$(this).siblings().removeClass('active'); // <-----remove the other link active class

$('#stepimgwrap').css('background-image', "url('../img/ajax-loader.gif')");
var i = $('<img />').attr('src',this.href).load(function() {
    $('#stepimg').attr('src', i.attr('src'));
    $('#stepimgwrap').css('background-image', 'none');
    $('#stepimg').show();
});
   return false; 
});

$('.steplink').click(function(e) {
  e.preventDefault();
  $('.steplink').removeClass('active');
  $(this).addClass('active');
  var href = $(this).attr('href');
  $('#stepimg').attr('src', href);
});

$(document).ready(function(){
    $('.steplink').click(function(){
        $('#stepimgwrap').toggleClass('active');
        return false;
       //
    });
});