Получение значения элемента в большом списке

Question

Я исследовал этот вопрос, и похоже, что большинство ответов касаются получения значения первого элемента в списке узлов с уникальным идентификатором или именем класса.

Тем не менее, я использую Adobe DTM для отслеживания события в приведенном ниже примере кода. Представьте себе страницу, полную элементов li, настроенных таким образом.

<li id="af3a2eb0-cfe9-11e5-b131-6fc0b40730a0" class="theater__active__3-QdV theater__theater__nmQh3 theaterTheater">
    <div class="theaterHead theater__header__2Skwj"> 
      <div class="theater__logo__2uovm">
        <img class="" src="image" alt="logo">
      </div>
      <div class="theaterInfo theater__theaterInfo__2dTbj">
        <h3 class="theater__theaterName__1Pwxo">Arclight</h3>
        <p class="theater__theaterAddress__16_be">10000 Wilshire Boulevard, Los Angeles, CA</p>
        <span class="theater__distance__30qj2 theater__theaterAddress__16_be">4.4mi</span>
      </div>
    <div>
    </div>
   </div>
 </li>

Я пытаюсь получить значение элемента "h3", когда клик идет по одному из родительских элементов div.

Пока что я настроил это как элемент данных:

var myNodelist = document.querySelector(".theater__theaterName__1Pwxo");
var i;
for (i = 0; i < myNodelist.length; i++) {
    return myNodelist[i].value;
}

Но на самом деле он возвращает пустое значение, и я не уверен, почему!

Answer 1

Вы можете использовать следующее выражение в событии click, чтобы получить текст элемента (обязательно добавьте его в свой реквизит или evar в правиле события:

%this.@text%

НОТА: this будет ссылаться на текущий нажатый элемент.

Надеюсь это поможет.