如何使用jquery获取tr中的span

时间:2017-01-23 17:09:58

标签: javascript jquery html

我有一张桌子:

<table id="myTable">
    <tbody>
      <tr>
       <td><span data-mydata="data1">first value data1</span></td>
       <td><span data-mydata="data2">first value data2</span></td>
      </tr>
       <tr>
       <td><span data-mydata="data1">second value data1</span></td>
       <td><span data-mydata="data2">second value data2</span></td>
      </tr>
   </tbody>
 </table>

我想用jquery更改最后一个tr的跨度文本,我得到了行中的所有跨度:

$('#myTable tbody tr:last td span')

我想要的是attr data-mydata等于data2的范围。

我该怎么办?

5 个答案:

答案 0 :(得分:2)

使用attribute equals selector根据属性值选择元素。

 $('#myTable tbody tr:last td span[data-mydata="data2"]')

使用:nth-child代替jQuery :last来提高速度。

$('#myTable tbody tr:last-child td span[data-mydata="data2"]')

答案 1 :(得分:1)

您可以尝试以下操作:

Dim location As String
location = DLookup("[db_location]", "locationandsetup")

DBEngine.CompactDatabase "'" & location & "'\ReadinessDatabase_Backend.accdb", "'" & location & "'\ReadinessDatabase_Backup.accdb"

答案 2 :(得分:1)

使用

$('#myTable').find('span[data-mydata="data2"]').text();

答案 3 :(得分:0)

使用last选择器获取最后一个tr,然后使用[attribute=value]

$("tr:last span[data-mydata='data2']").css({"background": "gold"})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="myTable">
    <tbody>
      <tr>
       <td><span data-mydata="data1">first value data1</span></td>
       <td><span data-mydata="data2">first value data2</span></td>
      </tr>
       <tr>
       <td><span data-mydata="data1">second value data1</span></td>
       <td><span data-mydata="data2">second value data2</span></td>
      </tr>
   </tbody>
 </table>

答案 4 :(得分:0)

试试这个:

$('#myTable tbody tr:last td span').attr('data-mydata','data2')