How do multiple tr, in table in HTML change color by clicking on the text of td in tr

Code

<table>
    <tr id="1">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
    <tr id="2">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
    <tr id="3">
        <td class="td1">1</td>
        <td class="td2">2</td>
        <td class="td3">3</td>
    </tr>
</table>

if you click on the table in the above format, you want to click on a tr to change the color of the text in the current td, and click on another tr to change the color of the td in the newly clicked tr, and the original one will change back to the previous color. I tried jQuery for a long time, but I didn"t get it done. I hope God will give me some advice-sharp-sharp-sharp problem description

Html javascript

May.22,2021

like this?

<script>
    $('table tr').click(function () {
        $(this).find('td').addClass('redcolor');
        $(this).siblings().find('td').removeClass('redcolor');
    })
</script>

<style>
    .redcolor{
        color: red
    }
</style>

Previous: Is there a separate input? for antd-mobile?

Next: How do I use replaykit2 to record a screen?

The problem of uploading attachments to the mobile version
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...

Html5 node.js css html javascript

Feb.26,2021
How to implement fixed positioning relative to a specified parent element
the traditional position: fixed; is relative to the window, and there are two main points of the problem . relative to the specified parent element fixed positioning encountered the following problems in mobile development. The green box is the...

Css html javascript

Feb.26,2021
Better-scroll plug-in, can be infinitely delimited, how to solve this bug
better-scroll, can be delimited infinitely, how to solve this bug ...

Html javascript

Feb.26,2021
How can the data looped out by vue change color to the current one when clicked?
how can the data looped out by vue change color to the current one when clicked? this is what my page says <ol v-if="tooglezhi" class="ol_one"> <li v-for="(item,key) in arr" ...

Html5 html javascript

Feb.27,2021
The value of the input input box
the number of digits in the input box is controlled. When this value echoes the maximum number of digits, the input can only be deleted and the input cannot be overridden directly. who knows what attributes the input has to control this ...

Html5 html javascript

Feb.27,2021
What is the reason for the react error in this place?
Baidu didn t find the reason for it for a while-the error message thrown by the browser was Uncaught Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead or wr...

React.js chrome html5 html javascript

Feb.27,2021
How to listen in angular4 * whether the ngFor has finished traversing
< html > <ion-list> <ion-item *ngFor= let i of list >< ion-item> < ion-list> < html > how do I listen to whether ngFof has finished traversing this array? ...

Html javascript ionic angular4

Feb.27,2021
Does JS judge multiple clicks on the same button?
as shown in the figure, there are four sort buttons in a table header, and the requirements are as follows: the first click on descending order, the second click on ascending order, and the third click on the default display (no sorting); I would li...

Css html javascript

Feb.27,2021
Why can vue-router not be put into production environment?
shouldn t vue use vue-router? Why can it only be put into devDependencies (development dependency)? ...

Css html5 html javascript node.js

Feb.27,2021
The problem with the el-selece tag! Select less than the first option
<el-select @change="orgChange" v-model="sectionNameOpt" filterable placeholder=""> <el-option v-for="item in sectionNameOpts" :key="item.index" :label="item.orgN...

Vue.js html javascript element-ui

Feb.27,2021
The XMLHttpRequest that requests the interface to keep reporting to url (interface) under IE edge ie10 requires cross-domain resource sharing CORS.
the XMLHttpRequest that requests the interface to keep reporting url (interface) under IE edge ie10 requires cross-domain resource sharing CORS, but the data is all back. Other browsers are fine, the background should have done cors processing, why? ...

Html javascript

Feb.27,2021
Under IE, use jquery.cookie.js to set path to window.loaction.host. If you can't save it, how to set path?
how to set path to window.loaction.host with jquery.cookie.js under IE cannot be saved, how to set path ...

Html javascript

Feb.27,2021
'input [type=file], after the file is imported, modify the original file, import it again without refreshing the page, or display the original file
question, as shown in figure the html code is as follows: <span class="button"><input type="file" id="file" name="file" onchange="this.parentNode.nextSibling.value = this.value">< sp...

File html javascript

Feb.27,2021
How to shift a rotated element?
I have two elements, a parent element and a child element. the parent element rotates N degrees. then I want to move the positioning of the child element, which moves relative to the parent element. how do I calculate the offset value. Let it move re...

Algorithm Mathematical html javascript css3

Feb.27,2021
Yarn installation of jquery doubts?
I just want to install jquery, with yarn. Why do I install so many other things? ...

Html javascript

Feb.27,2021
How to get style attribute values in an inline style
directly above the picture, how to take this top value ...

Html5 css html javascript

Feb.27,2021
How to achieve automatic focus and jump in vue?
as shown in the figure, v-for generates input, in Vue. When the add button is clicked, the cursor automatically focuses on the latest input, window and automatically moves to the appropriate location! ...

Css html javascript vue.js

Feb.27,2021
This method is not executed on the home page of navigator.geolocation.getCurrentPosition (). Refresh it again before it can be executed.
problem: the IOS system entered the page for the first time and added if (navigator.geolocation) {}, but did not execute navigator.geolocation.getCurrentPosition (this.showPosition.bind (this), this.showError.bind (this), options); did not enter showPo...

Html javascript html5

Feb.28,2021
The front end uses canvas to generate thumbnails, and the thumbnails turn into black images.
found a JS scheme that uses canvas to generate thumbnails on the Internet, which can generate thumbnails, but in some cases, the generated thumbnails are black and you can t see what the original thumbnails look like. Because the previous paragraph is ...

Html javascript

Feb.28,2021
Vue string template understanding problem, where is this document?
...

Html5 php html javascript

Feb.28,2021