0

我有一张桌子，每行旁边都有一个死按钮，供人们在发现链接失效时按下。当按下“死”按钮时，我希望该行有一条线穿过它。

未按下按钮：

<td>cupcake</td>
<td>cupcake</td>
<td>cupcake</td>
<td>cupcake</td>
<td>cupcake</td>
<td>cupcake</td>
<td><button class="btn btn-danger btn-mini" type="button" id="dead">Dead</button></td>

按下按钮时，会发生这种情况：

<td style="text-decoration:line-through">cupcake</td>
<td style="text-decoration:line-through">cupcake</td>
<td style="text-decoration:line-through">cupcake</td>
<td style="text-decoration:line-through">cupcake</td>
<td style="text-decoration:line-through">cupcake</td>
<td><button class="btn btn-danger btn-mini" type="button" id="dead">Dead</button></td>

我试过了，但没有用：

$("#dead").click(function() {
<td style="text-decoration:line-through"></td>
    <td style="text-decoration:line-through"></td>
    <td style="text-decoration:line-through"></td>
    <td style="text-decoration:line-through"></td>
    <td style="text-decoration:line-through"></td>;
});
4

3 回答 3

2

首先， id 在页面中必须是唯一的，因此您不能'dead'在您的情况下将其用作 id。您可以将其用作类 intead 并以这种方式尝试：

$('table').on('click','.dead',function(){
      $(this).parent().siblings().css({textDecoration: 'line-through'});
});

这是一个样本小提琴..

于 2013-05-09T01:12:23.297 回答
1

您只需要将样式应用于您的 td

尝试以下操作：

$('#dead').click(function(){
    $('td').css({textDecoration: 'line-through'});
});

这是jsfiddle：http: //jsfiddle.net/n99pL/

于 2013-05-09T01:09:09.560 回答
1

您正在将 javascript 与 HTML 混合使用，尽管您走在正确的轨道上，但这是行不通的。您的 jquery 将是这样的：

$(function() {
    $('#dead').on('click',function() {
        $(this).parent().siblings().css({'text-decoration':'line-through'});
    });
});

小提琴示例：http: //jsfiddle.net/faak5/

于 2013-05-09T01:09:46.520 回答