Question

我正在尝试将照片从计算机上的本地文件导入HTML文件。我已经做到了，但是它以升序排列。我试图添加一个变量

JavaScript

$(document).ready( function() {

 $("span").each( function(i) {
  $(this).append("<img src='Images/With Out Logo/Insta Photo-"+(++i)+".JPG' 
/>");   
 });

});

HTML

<span class="Images"></span>

Answer 1

首先检查$(document).on('click', '.convt', function () { alert("OK"); var spn = $(this).prop("#SypplyerName").text(); //var spn =$(this).prop("#SypplyerName").val(); var aaa = $(this).closest("tr").html("#SypplyerName").val(); spn1 = $(this).prop(".sn").val(); //spn1=$(this).prop(".sn").text(); aaa1 = $(this).closest("tr").html(".sn")val(); //aaa1 = $(this).closest("tr").html(".sn").text(); var nnn = $(".sn").text(); alert(spn); alert(aaa); alert(spn1); alert(aaa1); alert(nnn); });集合中的length，然后将图像插入span：

length - i

Answer 2

尝试以降序运行循环

$(document).ready(function() {
  let getAllSpans = $('span');
  let getSpanLength = $('span').length;
  for (let i = getSpanLength; i > 0; i--) {
    getAllSpans[i].append('<img src="Images/With Out Logo/Insta Photo-"' + i + '".JPG">')

  }
});

<span class="Images"></span>

Answer 3

您可以使用 Jquery 使用跨度的长度来减少“ i”，请看下面的代码。

let valuez;
$("span").each( function(i) {
  valuez = $('span').length;
   console.log(valuez - i);
 });
function test(){
  valuez = $('span').length;
  console.log(valuez);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>one</span>
<span>two</span>
<span>three</span>
<span>four</span>
<span>five</span>

用JavaScript向后计数

3 个答案: