单击glyhicon时将类添加到表行

时间:2015-08-17 19:05:46

标签: jquery css addclass glyphicons

好的,所以我不知道下一步该怎么做或者这是如何工作所以任何帮助都会很棒我想知道如何添加一个类"成功"当一个字形符号在这里被覆盖时,我的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>

1 个答案:

答案 0 :(得分: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