Коллеги, прошу помочь, сломал всю голову.
На сайте есть блок с торговыми предложениями, при клике на цвет меняется картинка, это делает битрикс стандартными свойствами. Тут все гуд!
<div class="elementSkuProperty" data-name="TSVET" data-level="1" data-highload="Y">
<div class="elementSkuPropertyName">Цвет:</div>
<ul class="elementSkuPropertyList">
<li class="elementSkuPropertyValue selected" data-name="TSVET" data-value="98b599f3-9461-11e7-8fae-e61f13e71297">
<a href="#" class="elementSkuPropertyLink">Венге</a>
</li>
<li class="elementSkuPropertyValue" data-name="TSVET" data-value="98b599f5-9461-11e7-8fae-e61f13e71297">
<a href="#" class="elementSkuPropertyLink">Дуб</a>
</li>
</ul>
</div>
Но ниже есть еще один блок, он схож по смыслу, он выводит связанные товары
<div class="skuProperty" data-name="TSVET" data-level="1" data-highload="Y">
<div class="skuPropertyName">Цвет</div>
<ul class="skuPropertyList">
<li id="#skuPropertyValue" class="skuPropertyValue selected" data-name="TSVET" data-value="98b599f3-9461-11e7-8fae-e61f13e71297">
<a href="#" class="skuPropertyLink">Венге Магия</a>
</li>
<li id="#skuPropertyValue" class="skuPropertyValue" data-name="TSVET" data-value="98b599f5-9461-11e7-8fae-e61f13e71297">
<a href="#" class="skuPropertyLink">Дуб каньон</a>
</li>
</ul>
</div>
Вопрос в чем, как можно средствами Jqery, реализовать что при нажатии пользователем в верхнем блоке на цвет (венге или дуб), скрипт нажимает на кнопку в нижнем блоке с таким же цветом?
Тут у тега li есть уникальный атрибут
data-value="98b599f5-9461-11e7-8fae-e61f13e71297"
Такая реализация нужна т.к. на этих кнопках уже висят обработчики. Добавление класса selected не помогает, т.к. нужно именно нажатие, т.е. запуск другого скрипта.
Другими словами: клик на li class="elementSkuPropertyValue" с data-value="98b599f3-9461-11e7-8fae-e61f13e71297" скрипт делает клик на li id="#skuPropertyValue" с data-value="98b599f3-9461-11e7-8fae-e61f13e71297"