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

时间:2014-04-15 04:18:48

标签: jquery

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

这是我的来源

<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;

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

尝试

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