jquery切换行上的文本在第一个td或div中单击_Jquery

jquery切换行上的文本在第一个td或div中单击

jquery

jquery切换行上的文本在第一个td或div中单击,jquery,Jquery,我正在尝试为每个单击的行切换表中第一个中的文本。我以前在互联网上发现的东西是有效的，但有点奇怪（因为我混合了几个例子来得到我想要的东西）举个例子： <body> <table class='table table-bordered table-condensed table-striped table-hover'> <tr><th>Name</th><th>Email</th><th>

我正在尝试为每个单击的行切换表中第一个

中的文本。我以前在互联网上发现的东西是有效的，但有点奇怪（因为我混合了几个例子来得到我想要的东西）

举个例子：

<body>
  <table class='table table-bordered table-condensed table-striped table-hover'>
    <tr><th>Name</th><th>Email</th><th>Country</th></tr>
    <tr class="table-row"><td>Yes</td><td>Country</td></tr>
    <tr class="table-row"><td>No</td><td>Country</td></tr>
  </table>

  <script>

    $('.table tbody tr').click( function () {
      var $this = $(this);
      var xText =  $this.text();
      $this.closest('tr').toggleClass('notUse use')
      $this.text(xText==="Yes"?"No":"Yes");
    });

  </script>
</body>


国家名称
YesEntry
无国家
$（'.table tbody tr'）。单击（函数（）{
var$this=$（this）；
var xText=$this.text（）；
$this.closest（'tr'）.toggleClass（'notUse'）
$this.text（xText==“是”？“否”：“是”）；
});

如何在单击时切换每一行中的

文本（'Yes'或'No'）？到目前为止，它可以很好地切换，但我的功能是在下一个

（“国家”）中删除必要的文本。我只想切换“是”/“否”，而不删除下一个

的文本。请尝试以下代码，它将允许您在单击tr时切换“是/否”：

$('.table tbody tr').click(function() {
  var $this = $(this).find("td:first");
  var xText = $this.text();
  $this.toggleClass('notUse use')
  $this.text(xText === "Yes" ? "No" : "Yes");

});

诀窍是在一开始就使用

.find（）

和

中的“td:first”

组合，这将在

tr

中选择您单击的

中的第一个td

工作演示

$（'.table tbody tr'）。单击（函数（）{
var$this=$（this）.find（“td:first”）；
var xText=$this.text（）；
$this.toggleClass（'notUse'）
$this.text（xText==“是”？“否”：“是”）；
});

名称
电子邮件
国家
对
国家
不
国家
尝试以下代码，当您单击tr时，它将允许您切换“是/否”：
$('.table tbody tr').click(function() {
  var $this = $(this).find("td:first");
  var xText = $this.text();
  $this.toggleClass('notUse use')
  $this.text(xText === "Yes" ? "No" : "Yes");

});

诀窍是在一开始就使用.find（）
和中的“td:first”
组合，这将在tr
中选择您单击的中的第一个td

工作演示

$（'.table tbody tr'）。单击（函数（）{
var$this=$（this）.find（“td:first”）；
var xText=$this.text（）；
$this.toggleClass（'notUse'）
$this.text（xText==“是”？“否”：“是”）；
});

名称
电子邮件
国家
对
国家
不
国家
如果要切换表中的特定列，请尝试该代码段

$（'.table tbody tr td'）。在（'click'，函数（）{
var$this=$（this）；
如果（$this.index（）==0）
{
var xText=$this.text（）；
$this.closest（'tr'）.toggleClass（'notUse'）
$this.text（xText==“是”？“否”：“是”）；
}
});

国家名称
对
a@a.com
国家
不
b@b.com
国家
如果要切换表中的特定列，请尝试该代码段

$（'.table tbody tr td'）。在（'click'，函数（）{
var$this=$（this）；
如果（$this.index（）==0）
{
var xText=$this.text（）；
$this.closest（'tr'）.toggleClass（'notUse'）
$this.text（xText==“是”？“否”：“是”）；
}
});

国家名称
对
a@a.com
国家
不
b@b.com
国家
JavaScript/jQuery是否需要这样做？这可以通过css和一个复选框来实现。事实上，我使用的是引导，所以我不想混合太多，我有allready on row click事件和引导，但用途不同。此外，我不太喜欢css，所以我使用bootstrap。这需要与JavaScript/jQuery一起使用吗？这可以通过css和一个复选框来实现。事实上，我使用的是引导，所以我不想混合太多，我有allready on row click事件和引导，但用途不同。此外，我不太喜欢css，所以我使用引导。