次の表の行をクリックしたときに、行の強調表示を削除する必要があります。
以下のコードを使用すると、歯車アイコンのメニューをクリックしているときにテーブルの行が強調表示されます。次に、別のテーブル行または歯車アイコンをクリックしても、既存のテーブル行のハイライトが削除されません。誰でもこれを修正する方法についての提案を教えてください。
click: function () {
label: 'Delete LMD Definition',
icon: 'delete',
$("table tbody").on("click", "tr", function () {
$("tr.selected") // find any selected rows
.not(this) // ignore the one that was clicked
.removeClass("selected"); // remove the selection
$(this).toggleClass("selected"); // toggle the selection clicked row
});
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="ember18549" class="ember-view content-table focus-group object-table container-view highlighted">
<tbody>
<tr id="ember18784" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
<td id="ember19010" class="ember-view lmdd-menu actions container-view">
<rs-icon id="ember19015" class="ember-view action-menu icon clickable-icon" title="Acciones y Transiciones" style="width: 1em; height: 1em; font-size: 20px">
<icon glyph="action" class="action" style="font-size: 20px;">
</icon>
</rs-icon>
</td>
<td id="ember19021" class="ember-view content-data view view-core_component_data-view-mixin name">
</td>
</tr>
<tr id="ember18784" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
<td id="ember19010" class="ember-view lmdd-menu actions container-view">
<rs-icon id="ember19015" class="ember-view action-menu icon clickable-icon" title="Acciones y Transiciones" style="width: 1em; height: 1em; font-size: 20px">
<icon glyph="action" class="action" style="font-size: 20px;">
</icon>
</rs-icon>
</td>
<td id="ember19021" class="ember-view content-data view view-core_component_data-view-mixin name">
</td>
</tr>
</tbody>
</table>