Jquery动态更改图像源

Jquery动态更改图像源,jquery,css,properties,Jquery,Css,Properties,我制作了一个图标菜单,现在我想根据单击的图标更改图像源 $(".iconchangers").click(function(){ var newicon = $(this).attr('src'); $(this).closest('tr').find('.changetheicon').css("src",newicon); }) }) 当我提醒newicon时,一切正常。因此,错误在于源的改变。但我不知道为什么它不起作用 src实际上不是一种样

我制作了一个图标菜单,现在我想根据单击的图标更改图像源

   $(".iconchangers").click(function(){

  var newicon = $(this).attr('src');
  $(this).closest('tr').find('.changetheicon').css("src",newicon);   




  })


   })
当我提醒newicon时,一切正常。因此,错误在于源的改变。但我不知道为什么它不起作用


src
实际上不是一种样式,因此
css()
对您没有帮助,在这种情况下,它也不是您想要的属性,而是元素
src
属性

$(".iconchangers").click(function(){
    $(this).closest('tr')
           .find('.changetheicon')
           .prop("src", this.src);
});

当然,由于您没有发布任何标记,因此无法判断您的目标元素是否正确?

src
不是一种真正的样式,因此
css()
对您没有帮助,在这种情况下,它也不是您想要的属性,而是元素
src
属性

$(".iconchangers").click(function(){
    $(this).closest('tr')
           .find('.changetheicon')
           .prop("src", this.src);
});

当然,由于您没有发布任何标记,因此无法判断您的目标元素是否正确?

src
不是一种真正的样式,因此
css()
对您没有帮助,在这种情况下,它也不是您想要的属性,而是元素
src
属性

$(".iconchangers").click(function(){
    $(this).closest('tr')
           .find('.changetheicon')
           .prop("src", this.src);
});

当然,由于您没有发布任何标记,因此无法判断您的目标元素是否正确?

src
不是一种真正的样式,因此
css()
对您没有帮助,在这种情况下,它也不是您想要的属性,而是元素
src
属性

$(".iconchangers").click(function(){
    $(this).closest('tr')
           .find('.changetheicon')
           .prop("src", this.src);
});

当然,由于您没有发布任何标记,因此无法判断您的目标元素是否正确?

如果这是一个简单的图标,为了改善用户体验,您应该探索使用
背景位置
css规则和
背景图像
精灵图像。可以通过重新定位图像位置来更改可见图标。请参阅以获取完整的解释。这意味着你的图标会立即更改,而不必加载新图像。我添加了一个提琴。我需要更改页面上每个tr的图像源,然后将阵列中的每个图像源保存到LocalStorage,因为我需要在另一个页面上使用它们。我不能让它工作顺便说一句:wI确实没有使用正确的选择器。应该是:$(this).closest('tr[id*=“tr_group”]')。find('changetheicon'):)than-alot-mate!如果这是一个简单的图标,为了改善用户体验,您应该探索使用
背景位置
css规则和
背景图像
精灵图像。可以通过重新定位图像位置来更改可见图标。请参阅以获取完整的解释。这意味着你的图标会立即更改,而不必加载新图像。我添加了一个提琴。我需要更改页面上每个tr的图像源,然后将阵列中的每个图像源保存到LocalStorage,因为我需要在另一个页面上使用它们。我不能让它工作顺便说一句:wI确实没有使用正确的选择器。应该是:$(this).closest('tr[id*=“tr_group”]')。find('changetheicon'):)than-alot-mate!如果这是一个简单的图标,为了改善用户体验,您应该探索使用
背景位置
css规则和
背景图像
精灵图像。可以通过重新定位图像位置来更改可见图标。请参阅以获取完整的解释。这意味着你的图标会立即更改,而不必加载新图像。我添加了一个提琴。我需要更改页面上每个tr的图像源,然后将阵列中的每个图像源保存到LocalStorage,因为我需要在另一个页面上使用它们。我不能让它工作顺便说一句:wI确实没有使用正确的选择器。应该是:$(this).closest('tr[id*=“tr_group”]')。find('changetheicon'):)than-alot-mate!如果这是一个简单的图标,为了改善用户体验,您应该探索使用
背景位置
css规则和
背景图像
精灵图像。可以通过重新定位图像位置来更改可见图标。请参阅以获取完整的解释。这意味着你的图标会立即更改,而不必加载新图像。我添加了一个提琴。我需要更改页面上每个tr的图像源,然后将阵列中的每个图像源保存到LocalStorage,因为我需要在另一个页面上使用它们。我不能让它工作顺便说一句:wI确实没有使用正确的选择器。应该是:$(this).closest('tr[id*=“tr_group”]')。find('changetheicon'):)than-alot-mate!