jquery - 如何在 Td 中将启用更改为禁用？

Question

我有一个问题。我有一个表格数据

像这样

<table>
    <tr>
        <td>Enabled</td>
        <td><button class="js-enabled">Desabled</button></td>
    </tr>
     <tr>
         <td>Desabled</td>
         <td><button class="js-enabled">Enabled</button></td>
    </tr>
     <tr>
        <td>Enabled</td>
        <td><button class="js-enabled">Desabled</button></td>
    </tr>
     <tr>
         <td>Desabled</td>
         <td><button class="js-enabled">Enabled</button></td>
    </tr>
     <tr>
        <td>Enabled</td>
        <td><button class="js-enabled">Desabled</button></td>
    </tr>
     <tr>
         <td>Desabled</td>
         <td><button class="js-enabled">Enabled</button></td>
    </tr>
</table>

我习惯了这个jquery函数

$('.js-enabled').click(function(){
            $(this).replaceWith('<button class="btn btn-success">Active</button>');     
            }); 

现在我想

1. 如果我点击enable Button而不是改变Enabled To Disabled Left and Right Both side

Link

Answer 1

为了得到答案，我将使用您的代码，但为了让您知道，它拼写为“Disabled”。

$('.js-enabled').click(function(){
    var button = $(this);
    var label = $(this).parent().prev('td');

    button.text() == 'Desabled' ? button.text('Enabled') : button.text('Desabled');
    label.text() == 'Desabled' ? label.text('Enabled') : label.text('Desabled');
}); 

http://jsfiddle.net/EGDZE/2/