带有图像排序更改的jQuery或JavaScript $(“图像”).find(“img”).each(函数(){ 变量$this=$(this), getClass=$this.attr('img')) splitClass=getClass.split(“-”) 如果(splitClass[1]
您使用的是带有图像排序更改的jQuery或JavaScript $(“图像”).find(“img”).each(函数(){ 变量$this=$(this), getClass=$this.attr('img')) splitClass=getClass.split(“-”) 如果(splitClass[1],javascript,jquery,html,css,Javascript,Jquery,Html,Css,您使用的是img属性。取而代之的是'id'属性,如下所示 <div id="image"> <img id="img-1" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/> <img id="img-2" src="http://www.cma.rw/sites/default/files/default_images/default_im
img
属性。取而代之的是'id'
属性,如下所示
<div id="image">
<img id="img-1" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-2" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-21" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-22" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-31" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-32" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-41" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
<img id="img-42" src="http://www.cma.rw/sites/default/files/default_images/default_image1.gif"/>
</div>
<script>
$("image").find("img").each(function(){
var $this = $(this),
getClass = $this.attr('img')
splitClass = getClass.split("-")
if(splitClass[1] <= 20) {
$this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg");
} else if(splitClass[1] <= 40) {
$this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg");
} else {
$this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg");
}
});
</script>
这是一个工作代码。它是
#image
选择器,而不是image
。您必须使用prop('id')
或attr('id')
来获取id值
它是
=40
not值,小于20
的值总是小于40
它是#image
notimage
好的,对不起@Vincent G.你能帮我吗?人造丝dabre@LinuxDisciple,我有几分钟的时间来编辑!谢谢..你的例子不是给出了与=40
相同的结果吗?then
和else
子句都设置了相同的图像…如果
的话,整个都是多余的。他的例子更糟,因为所有案例都是相同的图像…我编辑了我的答案。在上一个例子中,它似乎有相同的行为(=40)但这是因为最后两张声明中有相同的图片。我更新了3张不同的图片以更好地看到差异。我同意你的观点,如果所有的图片都是相同的,那就没用了。@VincentG非常感谢你。我能问一个关于其他问题的问题吗?我的英语不好,我看到你的答案了倒立。
getClass = $this.attr('id')
$("#image").find("img").each(function(){
var $this = $(this),
getClass = $this.attr('img')
splitClass = $this.prop('id').split("-")
if(splitClass[1] <= 20) {
$this.attr("src", "http://lorempicsum.com/futurama/350/200/1");
} else if(splitClass[1] >= 40) {
$this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg");
} else {
$this.attr("src", "http://lorempicsum.com/futurama/627/200/3");
}
});