У меня есть 2 таблицы, одна с опцией выбора и одна с результатами. Когда я выбираю одно имя из списка, я показываю мне несколько изображений из результатов. Я делаю, когда я нажимаю определенно одно имя из выбора, меняю стили CSS. Это сделать, но я хочу сделать, только если есть идентификатор (div_new) или класс (newA). А именно, я хочу проверить, существует ли мой идентификатор или класс в одном изображении из результатов, чтобы изменить мои стили. Как я могу это сделать ???
С помощью следующего кода он меняет оба изображения, а не одно!
var playerAward = document.getElementById("my_select");
var playerAward2 = document.getElementById("my_select2");
var playerSelected = playerAward[playerAward.selectedIndex].value;
var playerSelected2 = playerAward2[playerAward2.selectedIndex].value;
if ((playerSelected == '.Athinodoros' && playerSelected2 == '.Dionisis' && $('#div_new').hasClass(".newA"))
|| (playerSelected == '.Dionisis' && playerSelected2 == '.Athinodoros' && $('#div_new').hasClass(".newA"))) {
$('.award').css('box-shadow', 'inset 0 0 0 1.5px black');
$('.award').css('background', 'rgb(255, 250, 240)');
$('.award').css('background', 'rgba(255, 250, 240, 0.5)');
}
<DIV Class="column">
<DIV ID="div_new" Class="award Athinodoros Dionisis newA">
<P><IMG SRC="Team BanList\Ban\Dark Room of Nightmare.jpg"><BR>
<LABEL Class="overlay">Dark Room of<BR>Nightmare</LABEL></P>
</DIV>
</DIV>
<DIV Class="column">
<DIV Class="award Athinodoros Dionisis">
<P><IMG SRC="Team BanList\Ban\Moisture Creature.jpg"><BR>
<LABEL Class="overlay"><BR>Moisture Creature</LABEL></P>
</DIV>
</DIV>