使用jQuery从表中获取值

时间:2016-09-26 15:32:06

标签: jquery html

我正在尝试使用jQuery从我的表格单元格中获取值。我是jQuery的新手,我尝试过很多东西,但是没有什么能给我带来满意的结果。 以下是我迄今为止尝试过的一些例子。 我只想在<td></td>标签之间获取文字。

DOM看起来像这样: enter image description here

我尝试过:

$("tr td:nth-child(3)").text();

哪个让我:

none111none222none111none222

我也尝试过:

$(this).closest('#idDom').text()

但这没有任何结果。

任何意见都将受到赞赏。

3 个答案:

答案 0 :(得分:1)

$("tr td:nth-child(3)").text();

每次td每隔3 tr就会获得一次,这就是为什么你要将所有文字附加到其中。

将所有列id转换为class后..您可以执行以下操作:

$('#lblEditDeleteProducts .priceDom').eq(0).text()

使用问题中的图片,会返回123

解释选择器:

$('#lblEditDeleteProducts .priceDom')这将在ID为priceDom的元素中返回所有元素lblEditDeleteProducts的数组。

.eq(0)这将从上面返回数组中的第一个元素

.text()这将返回上面元素的文本

答案 1 :(得分:0)

你有2个元素“tr”,你需要指定:

alert($("tr:nth-child(1) td:nth-child(3)").text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbAtendidos">
  <thead>
    <tr>
      <th>Year</th>
      <th>Month</th>
      <th>Name</th>
    </tr>
  </thead>   
  <tbody>
    <tr>
      <td>1981</td>
      <td>05</td>
      <td>Marc</td>
    </tr>
    <tr>
      <td>1982</td>
      <td>06</td>
      <td>Michael</td>
    </tr>
  </tbody>
</table>

答案 2 :(得分:0)

以下代码对我有用。 (我将id改为上面建议的类)

$(this).closest("tr").find(".nameDom").text()