[data-*] css / js

Question

I append to a table some <tr> with for each data-tr="tr-*",
where * is the number of the index of the tr in the table. so there is tr-1, tr-2, tr-3 etc...
how in css could I take this :
[data-tr=tr-*] {
opacity: 0;
}

I don't want to use

[data-tr] {
opacity: 0;
}

Answer 1

NoxFly ドリアン I found something about the data attributes in classes. Look here: https://css-tricks.com/almanac/selectors/a/attribute/

Answer 2

oh ok thanks !

Answer 3

lol 😁 you're welcome too :p

Answer 4

oh, if you want to use classes it's same. I want say all classes tr-* (a number)
have opacity 0. and I want to select just one of them to opacity 1. not to select all

Answer 5

NoxFly ドリアン you're welcome
BTW I didn't know you could do that, so I learnt something too

Answer 6

NoxFly ドリアン why instead of "data-tr" don't you use classes?