Question

下面的代码在我点击行时展开一行，但我想在我点击按钮时展开行。我每行都有一个图像/按钮。

Jquery代码

$('.RowToClick').click(function ()
    {
         $(this).nextAll('tr').each( function()
         {
             if ($(this).is('.RowToClick'))
             {
                 return false;
             }
             $(this).toggle(350);
         });
  });

我的HTML

    <tr class="RowToClick" >
       <td><img src="plus.png"  >
        </td>
    <td><?php echo $id;?>
            </td>
    <td><?php echo $name;?>
       </td>
    </tr>
    <tr id="i">
        <td>
        </td>
        <td>
        </td>
        <td style="width:250px;">
        <b>Phone: </b><?php echo $phone;?> <br>
        <b>email: </b><?php echo $email; ?><br>
     <tr>

Answer 1

使用像这样的锚

＆＃13;

<a href='#' class='your_button_class'>Click to expand</a>

＆＃13;

而不是

＆＃13;

$('.RowToClick').click(function () {
    $(this).nextAll('tr').each( function() {
        if ($(this).is('.RowToClick')) {
            return false;
        }
        $(this).toggle(350);
    });
});

＆＃13;

使用此

＆＃13;

$('.your_button_class').click(function () {
    $('.RowToClick').nextAll('tr').each( function() {
        if ($(this).is('.RowToClick')) {
             $(this).slideToggle(350);
        }
    });
});

＆＃13;

因此，请使用您的按钮类或ID替换该类。

Answer 2

<强> HTML：

 <button type="submit" class="link">Link</button>

强文

$('.link').click(function () {
    $(this).nextAll('tr').each( function() {
        if ($(this).is('.RowToClick')) {
            return false;
        }
        $(this).toggle(350);
    });
});

当我点击一行时它会扩展行但我只想在单击按钮时展开行

2 个答案: