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!