CODEWITHSUNDEEP
javascript
user10298495
user10298495

Reputation:

Remove particular class from all table rows

in which on particular tr elements i have a class "deleted_row" which should be remove from all tr elements which have that class. I gave a id, I think which can help me to do this.

Is anyone know any method to do above thing.

Thanks.

Upvotes: 0

Views: 3051

Answers (2)

Simon30
Simon30

Reputation: 358

If I understand well you want to remove the class "deleted_row" to all elements which have that class. To do so, you need to select those elements and remove the class:

function removeClass() {
  const rows = Array.from(document.querySelectorAll('tr.deleted_row'));
  rows.forEach(row => {
    row.classList.remove('deleted_row');
  });
}
.deleted_row {
  background-color: red;
}
<table>
  <tr class="deleted_row"><td>Row</td><td>1</td></tr>
  <tr class="deleted_row"><td>Row</td><td>2</td></tr>
</table>


<button onclick="removeClass()">Remove class</button>

Upvotes: 5

user10045612
user10045612

Reputation:

As i can see from your question, You only want to remove particular class from all tr elements. I am assuming that, "deleted_row" class only exists in your tr element & you are assuming tbody id as your parent element. Below is jquery code for that.

$('#tbody').children().removeClass('deleted_row');

Note: It will remove "deleted_row" from all tr elements which contains that class, Not particuar tr elements.

Thanks.

Upvotes: 0

Related Questions