如何更改啓用在Td禁用？

像這樣

<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>');  
      });

表中的數據，我想

如果我點擊啓用按鈕比變更啓用已禁用Left和Right兩側

Link

來源

2013-05-02 Rohit Azad

現在的問題是什麼？ – dreamweiver 2013-05-02 12:12:42

problum是這個，如果我點擊右側按鈕啓用比改變文本右側啓用和左側禁用... – 2013-05-02 12:14:34

切換？ – DiederikEEn 2013-05-02 12:17:04

要知道答案，我會用你的代碼，而只是讓你知道的緣故，它的拼寫爲「已禁用」。

$('.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/

來源

2013-05-02 12:14:45 Kaloyan

哇，這很好，我想這個。這是瀏覽器兼容 – 2013-05-02 12:18:14

HI @Kaloyan lvanov我可以在我的按鈕添加類，如果我的按鈕禁用比添加類disbaled和如果我的按鈕啓用比我添加類啓用像這樣我的演示http://jsfiddle.net/rohitazad/EGDZE/9 / – 2013-05-03 04:45:49

試試這個：

$('.js-enabled').click(function(){ 
    if($(this).text()=='Enabled') 
    { 
     $(this).closest('tr').find('td:first-child').text('Disabled'); 
     $(this).text('Disabled'); 
    } 
    else 
    { 
     $(this).closest('tr').find('td:first-child').text('Enabled'); 
     $(this).text('Enabled'); 
    } 
});

小提琴：http://jsfiddle.net/EGDZE/4/

來源

2013-05-02 12:18:04

$('.js-enabled').click(function(){ 
    var lableText = $(this).parent().parent().children().first(); 
    (lableText.html() == "Desabled" ? lableText.html("Enable") : lableText.html("Desabled")); 
    $(this).html() == "Desabled" ? $(this).html("Enable") : $(this).html("Desabled"); 
});

使用此代碼。

來源

2013-05-02 12:19:41

如何更改啓用在Td禁用？

回答

相關問題