Question

这是代码

<tbody id="table-body">

 <tr>
      <td id="c1">AAA0</td>
      <td id="c2">2%</td>

 </tr>

</tbody>

我想在标签下选择ID c1的数据。我正在使用此jQuery代码，但它正在标记下选择整个文本。

$("#table-body").on('click','tr',function(e){
e.preventDefault();
console.log($(this).text());
})

如果获得此代码，我将获得 AAA02％作为输出。我想分别选择 AAA0 和 2 。怎么做？

Answer 1

由于每个单击的 tr 元素中都有多个 td 元素，因此您必须循环浏览每个元素，以分别获取文本。

您可以按以下方式使用from django.db import models # Create your models here. class Farm(models.Model): srFarm = models.AutoField(primary_key=True) name = models.CharField(max_length = 264, unique =True) address = models.CharField(max_length = 264) def __str__(self): temp = '{0.name},{0.address}' return temp.format(self) class Batch(models.Model): srBatch = models.AutoField(primary_key=True) farmName = models.ForeignKey(Farm, to_field='name', on_delete=models.CASCADE) def __str__(self): temp = '{0.farmName}' return temp.format(self)和find()：

each()

$("#table-body").on('click','tr',function(e){
  $(this).find('td').each(function(){
    console.log($(this).text());
  })
})

Answer 2

尝试一下：

console.log($(this).find('.c1').text());

并使用class属性代替id

Answer 3

由于在tr上绑定了click事件，因此tr指的是您单击的$(this)。 / p>

要仅获取 AAA0 ，可以使用tr并传递children()来选择特定的id

td

但是由于您将$("#table-body").on('click','tr',function(e){ console.log($(this).children('#c1').text()); });关联到id，所以您也可以将td事件直接附加到click，

td

如何使用jQuery

3 个答案: