获取jquery中第一行tbody的值

Question

我希望在页面加载时得到我的第一行tbody的完整tr的值，并将其放到3变量Id，Fullname和Address。

<table id="Mytable">
<thead>
   <tr>
     <td>Id</td>
   </tr>
   <tr>
     <td>Fullname</td>
   </tr>
   <tr>
     <td>Address</td>
   </tr>
</thead>
<tbody>
   <tr>
     <td>1</td>
   </tr>
   <tr>
     <td>Hello World</td>
   </tr>
   <tr>
     <td>Some Where</td>
   </tr>
   <tr>
     <td>2</td>
   </tr>
   <tr>
     <td>Testing</td>
   </tr>
   <tr>
     <td>Some Where</td>
   </tr>
</tbody>
</table>

我试试这些

 $('#table_para').each(function(){               

 });

这些的任何解决方案？

Answer 1

您可以使用此选择器： pd.dismiss();

＆＃13;

＆＃13;

#Mytable tbody tr:eq(0) td

＆＃13;

var array = $('#Mytable tbody tr:eq(0) td').toArray();

var address = array.pop();
var fullname = array.pop();
var id = array.pop();

console.log('ID: ' +  id.innerText);
console.log('Fullname: ' + fullname.innerText);
console.log('Address: ' + address.innerText);

＆＃13;

.as-console-wrapper { max-height: 100% !important; top: 0; }
#Mytable {
  display: none
}

＆＃13;

＆＃13;

＆＃13;

资源

• :eq() Selector

    

  选择匹配集内索引n处的元素。

Answer 2

我认为您的HTML表格结构已关闭。试试这个：

<table id="Mytable">
<thead>
   <tr>
     <td>Id</td>
     <td>Fullname</td>
     <td>Address</td>
   </tr>
</thead>
<tbody>
   <tr>
     <td>1</td>
     <td>Hello World</td>
     <td>Some Where</td>
   </tr>
   <tr>
     <td>2</td>
     <td>Testing</td>
     <td>Some Where</td>
   </tr>
</tbody>
</table>

<script>
   var myRow = $('#Mytable tbody tr')[0]; //get the first row of the tbody
   console.log(myRow);
</script>

Codepen

Answer 3

在css中你可以要求选择器中的第一个孩子。随着：

  

：第一胎

相同

  

：最后子

在jquery中它存在一个函数：

$("tbody elem").first ()

Answer 4

您可能需要将jQuery代码包装在一个函数中，以确保在查询尚不存在的元素之前加载DOM。

<script>
    $(document).ready(function() {
        var myRow = $('#Mytable tbody tr')[0];
        console.log(myRow);
    });
</script>