如何在jquery中把for回圈中的i傳給id標簽？ -有解無憂

我有一些具有不同id的輸入，如你在下面看到的

。

<tr> 

    <td>< input type="number" id="cell1" > </td>>
    <td>< input type="number" id="cell2" > </td>>
    <td>< input type="number" id="cell3" > </td>>



    <td>< input type="number" id="cell4"> </td>>
    <td>< input type="number" id="cell5"> </td>>
    <td>< input type="number" id="cell6"> </td>>



    <td>< input type="number" id="cell7" > </td>>
    <td>< input type="number" id="cell8" > </td>>
    <td>< input type="number" id="cell9" > </td>>

</tr>/span>

現在我想用jquery來限制用戶在輸入框中輸入的數字，就像這樣

我想用jquery來限制用戶輸入的數字。

for(var i = 0 ; i <= 81; i  ) {


    $(document).ready(function（） {
        $("#cell" , i).change(function ( ) {

            var n = $("#cell",i).val()；
            console.log($("#cell", i));
            如果（n < 1)
                $("#cell", i).val(1); 
            如果（n > 9)
                $("#cell" , i).val(9); /span>
        });
    });});

}

但它并沒有得到id。我怎樣才能將i變數傳遞給 "#cell "呢？

uj5u.com熱心網友回復：

有幾件事。你可能想要這個選擇器--id以cell開始

。

$(function() {
  $("[id^=cell]").on("input" ,function() {
    const val = this.value。
    if (val < 0) this.value = 1 >。
    if (val > 0) this.value = 9.
  });
});

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<table> 
  <tbody> 
    <tr>/span>

      <td>< input type="number" id="cell1"> </td>>
      <td>< input type="number" id="cell2"> </td>>
      <td>< input type="number" id="cell3"> </td>>



      <td>< input type="number" id="cell4"> </td>>
      <td>< input type="number" id="cell5"> </td>>
      <td>< input type="number" id="cell6"> </td>>



      <td>< input type="number"/span> id="cell7"/span>> </td>>
      <td>< input type="number" id="cell8"> </td>>
      <td>< input type="number"/span> id="cell9"/span>> </td>>

    </tr>/span>

  </tbody>/span>
</table>/span>

HTML版本

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<table> 
  <tbody> 
    <tr>/span>

      <td>< input type="number"/span> id="cell1" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell2" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell3" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell4" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell5" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell6" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell7" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell8" min=1 max=9> </td>>
      <td>< input type="number"/span> id="cell9" min=1 max=9> </td>>

    </tr>/span>

  </tbody>/span>
</table>/span>

uj5u.com熱心網友回復：

首先，將你的回圈移到$document.ready

內。

然后簡單地將i附加到id前綴，以便為單元格做出正確的querySelector。

雖然它沒有回答你的問題，但你也可以使用min和max屬性來完成你的任務。

。

下面是一個追加回圈計數器i的作業實體。

。

//為演示目的創建81個輸入。
$(document).ready(function () {
  var row= $（'#myrow'）。
  for(var i = 0; i <= 81; i  )
  {
    row.append($('<td/>').append('<input type="number" /> ') 。 attr("id", "cell" i))。
  }
});

$(document).ready(function () {
  for(var i = 0 ; i <= 81 ; i  ) {
$("#cell"  i).change(function (e) {
  var input= $(e.target) 。
  var n = input.val（）。
  if (n < 1)
    input.val（1）。
  else if (n > 9)
    input.val（9）。              
  });
 }
});

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div>/span>
<table> 
<tr id='myrow'> 
</tr>/span>
</table>/span>

轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/319944.html

標籤：

上一篇：如何在Javasript的函式中使用變數？

下一篇：使用jquery和js動態地將<td>元素添加到<tr>元素中