如何使用Javascript知道行号时从表行获取标签值

Posted 2021-04-08

我有一张这样的桌子 -

<table>
 <tr>
   <td>
      <label id="lbl1" value="1">Label1</label>
   <td> 
   <td>
     Some data
   </td>
   <td>
     Some data
   </td>
 </tr>
 <tr>
   <td>
      <label id="lbl2" value="1">Label1</label>
   <td> 
   <td>
     Some data
   </td>
   <td>
     Some data
   </td>
 </tr>
 <tr>
   <td>
      <label id="lbl3" value="1">Label1</label>
   <td> 
   <td>
     Some data
   </td>
   <td>
     Some data
   </td>
 </tr>
</table>

我的问题是我想提醒第二行第一列中出现的标签值。假设我不知道label id意味着我知道它的模式如lbl1，lbl2或lbl3 ..但不完全是第二行中的模式。

答案

如果你可以使用jQuery使用这个fiddle

var label = $('table tr:eq(1) td:eq(0)').find("label").attr("value")
alert(label);

另一答案

你可以使用下一个

var labels = document.getElementsByTagName("label");
for (var i=0; i<labels.length; i++)
   if (labels[i].id && labels[i].id.indexOf("lbl") == 0){
      //you have found the label in the first row
   }

另一答案

您可以按类名获取标签值

$("label[class=lblclass]").each(function() {var result= $(this).val(); });

（或）您可以按ID获取特定标签值

function getlabel_value(){var result=$('#lbl1').val();}