如何通過名稱來查找每一個TD輸入及其各自的ID，值

從下面的代碼我必須找到以下細節如何通過名稱來查找每一個TD輸入及其各自的ID，值

找到的第一個TD
查找F01名ID和其值，例如，apex_date_01_00，空
查找F30名ID和值，例如，id30_14,2
這應該是重複的所有TDS這頭=「ATTR_VALUE」

代碼

<html> 

<body> 
    <table summary="Attribute Details"> 
     <tr> 
      <td headers="ATTR_VALUE"> <input type="hidden" name="f24" value="" id="id24_14"><span style="white-space: nowrap;"> <input type="text" style="width:100px" id="apex_date_01_00" name="f01" maxlength="11" size="20" value="" autocomplete="off" class="hasDatepicker"> </span> <input type="hidden" name="f06" value="424349"> <input type="hidden" name="f07" value="296069"> <input type="hidden" name="f08" value="LV FEEDERWAY 01 DETAILS"> <input type="hidden" name="f09" value="REPLACED DATE - PHASE L1"> <input type="hidden" name="f10" value="D_ATTRIBUTE7"> <input type="hidden" name="f15" value="U"> <input type="hidden" name="f30" value="2" id="id30_14"> </td> 
     </tr> 
     <tr> 
      <td headers="ATTR_VALUE"> <input type="hidden" name="f24" value="" id="id24_17"><span style="white-space: nowrap;"> <input type="text" style="width: 100px;" id="apex_date_01_03" name="f01" maxlength="11" size="20" value="" autocomplete="off" class="hasDatepicker"></span> <input type="hidden" name="f06" value="424349"> <input type="hidden" name="f07" value="296069"> <input type="hidden" name="f08" value="LV FEEDERWAY 01 DETAILS"> <input type="hidden" name="f09" value="REPLACED DATE - PHASE L2"> <input type="hidden" name="f10" value="D_ATTRIBUTE8"> <input type="hidden" name="f15" value="U"> <input type="hidden" name="f30" value="2" id="id30_17"> </td> 
     </tr> 
     <tr> 
      <td headers="ATTR_VALUE"> <input type="hidden" name="f24" value="" id="id24_20"><span style="white-space: nowrap;"> <input type="text" style="width:100px" id="apex_date_01_06" name="f01" maxlength="11" size="20" value="" autocomplete="off" class="hasDatepicker"></span> <input type="hidden" name="f06" value="424349"> <input type="hidden" name="f07" value="296069"> <input type="hidden" name="f08" value="LV FEEDERWAY 01 DETAILS"> <input type="hidden" name="f09" value="REPLACED DATE - PHASE L3"> <input type="hidden" name="f10" value="D_ATTRIBUTE9"> <input type="hidden" name="f15" value="U"> <input type="hidden" name="f30" value="1" id="id30_20"> </td> 
     </tr> 
    </table> 
</body> 

</html>

來源

2016-11-30 Nagaraju Pudur

你需要遍歷每個td頁眉 'ATTR_VALUE'

$('td[headers="ATTR_VALUE"]').each(function(){ 

    //find input with name=f01 
    var f01id = $(this).find('input[name="f01"]').attr('id'); 
    var f01value = $(this).find('input[name="f01"]').val(); 

    //find input with name=f30 
    var f30id = $(this).find('input[name="f30"]').attr('id'); 
    var f30value = $(this).find('input[name="f30"]').val(); 

});

來源

2016-11-30 06:32:06 ScanQR

試試這個代碼

$('td[headers="ATTR_VALUE"]').each(function(){ 
    $('input').each(function(){ 
    if($(this).attr('name')=="f01" || $(this).attr('name')=="f30"){ 
     alert($(this).attr('id')+','+$(this).val()); 
    } 
    }) 
})

來源

2016-11-30 06:42:26 Rahul

查找第一td元素：

document.querySelector('td')

查找表中所有'td'：

var arr = document.querySelectorAll('td') 


$.each(arr,function(i,data){ 
var f01id = $(this).find('input[name="f01"]').attr('id'); 
    var f01value = $(this).find('input[name="f01"]').val(); 

    //find input with name=f30 
    var f30id = $(this).find('input[name="f30"]').attr('id'); 
    var f30value = $(this).find('input[name="f30"]').val(); 
    console.log(f01id) 
    console.log(f01value) 
     console.log(f30id) 
     console.log(f30value) 


})

來源

2016-11-30 06:44:27

$。與@TechBreak所寫的每個相同的代碼 –

如何通過名稱來查找每一個TD輸入及其各自的ID，值

回答

相關問題