Возврат текста ближайшего кликнувшего элемента с атрибутом данных объявления (Менеджер тегов Google)

Question

У меня есть следующий код:

<div class="sc-gPEVay JHVSz" data-locator="category" data-values="9AAF500002"><button class="sc-jWBwVP mdc-ripple-surface ebJHFF" data-locator="category-header" style="align-items: stretch; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border-style: none; box-shadow: none; color: rgb(114, 114, 114); cursor: pointer; display: flex; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; width: 100%;"><i aria-hidden="true" class="sc-brqgnP material-icons_mi_2breL5T5PilQnhNwuNJjVT material-icons_mi-arrow-drop-down_1Yg8_MNgX_6a8ed5ZighLw ygVYg" data-locator="category-expander" style="height: 24px; margin-right: 12px; transition: transform 175ms ease 0s; transform: rotate(-90deg);"></i><div class="sc-cMljjf bIKLMh" data-locator="category-label" style="font-family: Verdana, Arial, sans-serif; margin-top: 4px; min-height: 24px; text-align: left;"> My Text </div></button><div class="sc-jDwBTQ kFDQOY" data-locator="category-children" style="margin-left: 10px;"></div></div>

Чего я хочу добиться, так это вернуть текст «Мой текст» независимо от того, где приземляется щелчок.

Я пытался:

function (){

var $clickElement = $({{Click Element}});

var $x = $clickElement.closest('i').find('div');

return $x.text();

PS.Я не могу / не хочу использовать классы (они могут меняться)

Answer 1

Почему бы вам не использовать селектор атрибутов .

var $clickElement = $({{Click Element}});
var clickedOnMyText = $clickElement.attr('data-locator') === 'category-label';
var $x;
if(clickedOnMyText) {
  $x = $clickElement;
} else {
  $x = $clickElement.find('[data-locator="category-label"]');
}
return $x.text();