第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

與 div 相關(guān)的輸入的唯一值

與 div 相關(guān)的輸入的唯一值

慕萊塢森 2023-08-18 17:45:46
我有一個(gè)表單,其中某個(gè)部分有一個(gè)為每一行創(chuàng)建的輸入表,如下所示。<input type="text" class="input1" name="fname" /><input type="text" class="input2" name="fname" /><input type="text" class="input3" name="fname" /><input type="text" class="input5" name="fname" />這些是動(dòng)態(tài)創(chuàng)建的,用戶控制行數(shù),因此可以有 5 行,也可以有 20 行。我需要將輸入的值獲取到數(shù)組中,我通過循環(huán)包含<tr>輸入的數(shù)組來創(chuàng)建數(shù)組。for (i = 0; i < $(".TRTR").length; i++) {  // trying to capture the values here });然后我將其推入數(shù)組中。arr.push(values)就目前情況而言,我沒有得到正確的值。我想獲取每個(gè)單獨(dú)行的所有值,但我要么獲取每個(gè)循環(huán)上的第一個(gè)輸入值(通過使用該方法.val()),要么獲取整個(gè)表中每個(gè)輸入的所有值。我需要做的是獲取該行的輸入值,然后創(chuàng)建一個(gè)新對(duì)象,并在繼續(xù)循環(huán)時(shí)在該對(duì)象上使用該行的值。因此,如果我有 4 行,數(shù)組中就會(huì)有 4 個(gè)對(duì)象,每個(gè)對(duì)象都有與該行相關(guān)的輸入值。例子:object 1 { value 1, value 2, value 3, value 4 }object 2 { value 5, value 6, value 7, value 8 }任何幫助將不勝感激。
查看完整描述

1 回答

?
富國(guó)滬深

TA貢獻(xiàn)1790條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以使用它map()在每個(gè)表行中構(gòu)建輸入值的二維數(shù)組。嘗試這個(gè):


let values = $('tr').map((_, tr) => [$(tr).find(':input').map((_, input) => input.value).get()]).get();

console.log(values);


/* longer version of the above, although more readable:

let values = $('tr').map((_, tr) => {

  return [$(tr).find(':input').map((_, input) => input.value).get()

]).get();

*/

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

<table>

  <tr>

    <td>

      <input type="text" class="input1" name="fname" value="1_1">

      <input type="text" class="input2" name="fname" value="1_2">

      <input type="text" class="input3" name="fname" value="1_3">

      <input type="text" class="input5" name="fname" value="1_4">

    </td>

  </tr>

  <tr>

    <td>

      <input type="text" class="input1" name="fname" value="2_1">

      <input type="text" class="input2" name="fname" value="2_2">

      <input type="text" class="input3" name="fname" value="2_3">

      <input type="text" class="input5" name="fname" value="2_4">

    </td>

  </tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)