我想讓這段代碼更短。比如回圈什么的？如果有人幫助我縮短代碼以便我可以添加更多的 nth-child，那就太好了。像 nth-child:4, 5.
$(document).ready(function(){
var src=$(".gallery-grid-item:nth-child(1) img").data("src");
$.ajax({
url:src,
xhrFields:{
responseType:'blob'
},
success:function(data){
var url=window.URL||window.webkitURL;
$(".gallery-grid-item:nth-child(1) img").attr("src",url.createObjectURL(data));
}
});
});
$(document).ready(function(){
var src=$(".gallery-grid-item:nth-child(2) img").data("src");
$.ajax({
url:src,
xhrFields:{
responseType:'blob'
},
success:function(data){
var url=window.URL||window.webkitURL;
$(".gallery-grid-item:nth-child(2) img").attr("src",url.createObjectURL(data));
}
});
});
$(document).ready(function(){
var src=$(".gallery-grid-item:nth-child(3) img").data("src");
$.ajax({
url:src,
xhrFields:{
responseType:'blob'
},
success:function(data){
var url=window.URL||window.webkitURL;
$(".gallery-grid-item:nth-child(3) img").attr("src",url.createObjectURL(data));
}
});
});
uj5u.com熱心網友回復：
<script>
$(document).ready(function(){
numberOfNthChilds = 5
for (let i = 1; i < numberOfNthChilds 1; i ) {
var src=$(".gallery-grid-item:nth-child(" i ") img").data("src");
$.ajax({
url:src,
xhrFields:{
responseType:'blob'
},
success:function(data){
var url=window.URL||window.webkitURL;
$(".gallery-grid-item:nth-child(" i ") img").attr("src",url.createObjectURL(data));
}
});
}
});
</script>
uj5u.com熱心網友回復：
試試這個：
<script>
$(document).ready(function(){
for (var i = 1; i <= 3; i ) {
var cls = ".gallery-grid-item:nth-child(" i ") img";
var src=$(cls).data("src");
$.ajax({
url:src,
xhrFields:{
responseType:'blob'
},
success:function(data){
var url=window.URL||window.webkitURL;
$(cls).attr("src",url.createObjectURL(data));
}
});
}
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/466626.html
標籤：javascript jQuery 阿贾克斯