change number of elements color

debugcn Published at Dev

Roi

I have table in this format:

<tr>
  <td><span></span></td>
  <td><span></span></td>
  <td><span></span></td>
</tr>

<tr>
  <td><span></span></td>
  <td><span></span></td>
  <td><span></span></td>
</tr>

when click on some SPAN i would like that all the spans inside the specific TR will get grey color.

how can I do that?

element.parent("tr").children("span").attr('style', 'color: #838282 !important');

Pranav C Balan

span is not direct child so you need to use find() and tr is parent of td not parent of span so use closest(). For applying style use css(), also there is no need of !important in css().

$('tr span').click(function(){
    $(this).closest("tr").find("span").css('color', '#838282');
});

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-07-14

Comments

0 comments

From Dev

Change background color elements in the array

From Dev

match and change color of html elements using regex

From Dev

How do I change the color of the MFMessageComposeViewController elements?

From Dev

Can't change bootstrap theme elements color

From Dev

Change the color of legend elements in ggplot (R)

From Dev

How to change color of elements with angular.js

From Dev

Change the background-color of alternate elements css

From Dev

how to change the text color when checking on elements

From Dev

How to permanently change the color of some elements?

From Dev

How to change the color of Kendo Grid elements

From Dev

How to change the color of two elements using javascript?

From Dev

change background color if elements are empty with jquery

From Dev

Change color from more elements then one in Javascript?

From Dev

how to change the color RatingBar depending on the number of stars?

From Dev

Highcharts change crosshairs color by number of visible series

From Dev

How to change placeholder color for number input? (Firefox)

From Dev

How to change the color of the number if the value decrease or increase?

From Dev

Change background color of highest number in a table

From Dev

Change day number color on click - not background

From Dev

Change background color of highest number in a table

From Dev

Change the number of color depends on which is hovered

From Dev

How to change placeholder color for number input? (Firefox)

From Dev

Find number of consecutive elements that are the same before they change

From Dev

Change position of an exact number of elements in an array

From Dev

How can I change the background color of elements when they're clicked?

From Dev

change the background-color of multiple elements with setInterval and arrays in jQuery

From Dev

How can I change the background color of elements when they're clicked?

From Dev

How to Get Multiple elements to change color on hover CSS?

From Dev

Is it possible to change the select color for form elements like a multiple select?

Related Related

Article