For this, we have to use a combination of attribute selectors and template literals to dynamically exclude the element with the specified ID.
1
2
3
4
onClick="changeOpacity(this.value);"/>
onClick="changeOpacity(this.value);"/>
onClick="changeOpacity(this.value);"/>
onClick="changeOpacity(this.value);"/>
function changeOpacity(divId) { document.getElementById(divId).style.opacity = 1;
document.querySelectorAll('.my-divs:not([id="' + divId + '"])').forEach((e) => { e.style.opacity = 0; }); }
|
Answered by: >Abderrahmane Fatimi
Credit: >StackOverflow
Suggested blogs:
>How can I access specific data inside a JSON file on an Angular?
>HTTP request after another but only care about first one in Angular?
>Why am I getting unexpected parent reaction to child button Angular?
>How can I combine multiple HTTP calls in Angular using RxJS?
>Why Ng serve doesn't work in Angulars?
>How to use JSON:API along with Angular/RxJs?
>Why Ng server doesn't work in Angulars?
>How to operate data before return it using Angular16?
>How to Embed Node Red into existing Angular application?
>Why Angular routing with mat-toolbar is not working?
>Update Observable with value from a different Observable in Angular
>P-Dropdown doesn't set Value manually with Reactive Form in Angular
>Why Apex stacked chart bar is not showing in the x-axis in Angular?
>How can I delete the 3rdpartylicenses.txt file in Angular?