jquery如何切换类父元素并更改Text

Question

如何在单击子按钮和如何更改文本时切换父类？

这是我的来源

<div class="list3"> 
    <table>
    <tr class="use"> 
        <td>
            <a href="#">Yes</a>
         </td>
    </tr>
    <tr class="notUse"> 
        <td><a href="#">No</a></td>
    </tr> 
    <tr class="notUse"> 
        <td><a href="#">No</a></td>
    </tr> 
    </table>
</div>

这就是我想要做的......

1. 点击＆＃34;是＆＃34;按钮将父母TR元素的类更改为＆＃34; notUse＆＃34;并将按钮文本更改为＆＃34;否＆＃34;
2. 点击＆＃34;否＆＃34;按钮将父母TR元素的类改为＆＃34;使用＆＃34;并将按钮文本更改为＆＃34;是＆＃34;

Answer 1

尝试使用.toggleClass(class1 class2)签名，

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

DEMO

Answer 2

尝试

$('.list3 a').click(function () {
    var $this = $(this);
    $this.parent().parent().toggleClass('notUse use');
    $this.text($this.text() == "Yes" ? "No" : "Yes");
});