单击字形图标时将 class 添加到 table 行

Question

好的，我不知道下一步该去哪里，也不知道它是如何工作的，所以任何帮助都会很棒我想知道如何将 class "success" 添加到 table 当点击一个字形图标时的行这是我的 fiddle

<tbody>
                <tr class="quest <!-- success class must added here -->">
                    <td class="questNo"><strong>1</strong>
                    </td>
                    <td class="questType">Main Scenario</td>
                    <td class="questLvl">1</td>
                    <td class="questName"><a href="#">Close to Home</a>
                    </td>
                    <td class="questGiver">Giver 1</td>
                    <td class="questLocation">Area A X: 11 Y: 13</td>
                    <td class="questClass">Any Class</td>
                    <td class="questCompletion" title="Mark Quest as Done"><span class='glyphicon glyphicon-ok'></span>
                    </td>
                </tr>

Answer 1

您可以像这样使用事件侦听器

$("body").on("click",".questCompletion > .glyphicon-ok", function(){
    $(this).parents("tr").addClass("glyphicon-clicked");
    $(this).parents("td").removeClass("questCompletion"); // removes the cell class
    $(this).remove(); // removes itself
});

JSFiddle demo

单击字形图标时将 class 添加到 table 行

add class to table row when glyhicon is clicked

css

jquery

addclass

glyphicons