Question

从以下代码中我必须找到以下详细信息

找到第一个td
找到f01名称id及其值，例如apex_date_01_00，null
查找f30名称ID及其值，例如id30_14,2
这应该重复所有tds哪个标头=＆＃34; ATTR_VALUE＆＃34;

代码

<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>

Answer 1

您需要使用标题“ATTR_VALUE”

遍历每个td

$('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();

});

Answer 2

试试此代码

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

Answer 3

查找第一个td元素：

document.querySelector('td')

找到所有＆＃39;＆＃39;表：

 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)


})

如何通过名称查找每个td输入及其各自的id，值

3 个答案: