Как щелкнуть мышью снаружи элемента div, основываясь на значении внутреннего значения? - PullRequest
Новая
       57

Как щелкнуть мышью снаружи элемента div, основываясь на значении внутреннего значения?

0 голосов
/ 24 сентября 2019

Я хочу щелкнуть по классу «include-icon» на основе пользовательского ввода.Посмотрите на приведенный ниже пример: 

<div class="item _ngcontent-EXCHANGE-80">
            <div class="content _ngcontent-EXCHANGE-80">
                  <inventory-item class="_ngcontent-EXCHANGE-48 _nghost-EXCHANGE-81">
                        <div class="itemName _ngcontent-EXCHANGE-81">Option 1
                        </div>
                  </inventory-item>
            </div>
            <div class="selections _ngcontent-EXCHANGE-80">
                  <material-button animated="true" class="include-icon _ngcontent-EXCHANGE-80 _nghost-EXCHANGE-2"
                        icon="" tabindex="0" role="button" aria-disabled="false" elevation="4">
                  </material-button>
            </div>
      </div>

      <div class="item _ngcontent-EXCHANGE-80">
            <div class="content _ngcontent-EXCHANGE-80">
                  <inventory-item class="_ngcontent-EXCHANGE-48 _nghost-EXCHANGE-81">
                        <div class="itemName _ngcontent-EXCHANGE-81">Option 2
                        </div>
                  </inventory-item>
            </div>
            <div class="selections _ngcontent-EXCHANGE-80">
                  <material-button animated="true" class="include-icon _ngcontent-EXCHANGE-80 _nghost-EXCHANGE-2"
                        icon="" tabindex="0" role="button" aria-disabled="false" elevation="4">
                  </material-button>
            </div>
      </div>

<div class="item _ngcontent-EXCHANGE-80">
            <div class="content _ngcontent-EXCHANGE-80">
                  <inventory-item class="_ngcontent-EXCHANGE-48 _nghost-EXCHANGE-81">
                        <div class="itemName _ngcontent-EXCHANGE-81">Option N
                        </div>
                  </inventory-item>
            </div>
            <div class="selections _ngcontent-EXCHANGE-80">
                  <material-button animated="true" class="include-icon _ngcontent-EXCHANGE-80 _nghost-EXCHANGE-2"
                        icon="" tabindex="0" role="button" aria-disabled="false" elevation="4">
                  </material-button>
            </div>
      </div>

Итак, в приведенном выше примере есть три варианта: вариант 1, вариант 2 и вариант N. Если пользователь вводит вариант 2, я хочу, чтобы кукловод нажал кнопку включениячуть ниже и то же самое для других.

Сейчас я могу получить ввод от пользователя и сохранить его в переменной, но не могу щелкнуть этот конкретный класс "include-icon"

...