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 として使用できません。代わりにクラスとして使用して、次の方法で試すことができます。

$('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 に答える