<span for="afterEvent.embeddedPlayer" class="inputLabelAboveField">Youtube / Vimeo Embed Code</span>
<textarea title="Youtube / Vimeo Embed Code" class="text height_of_3_rows"></textarea>
Attempting to select the textarea element (it appears 3 times on the same page but each for different purposes). The span element above has the unique “for” attribute so I was trying to use that as a way to target. I’ve tried the following selectors...Neither of which worked. Does the + selector method not work?
[for ="afterEvent.embeddedPlayer"] + [title ="Youtube / Vimeo Embed Code"]
[for ="afterEvent.embeddedPlayer"] + textarea.text
<div id="digital-event-content-box-after-event" class="border mb-1 digital-event-content-box pointer">
<canvas width="433" height="232" style="width: 734px; height: 394px;"></canvas>
<a class="link pointer">Launch content Editor</a>
Same situation as above, I’m targeting the link element (but this element appears 3x on the same page but for different purposes).
#digital-event-content-box-after-event + div > a.link
This selector showed “Strong” and “1” matched element but did not ultimately work during testing
Best answer by shireesha_reddy
The Plus sign will not work in the product mapper, Because the plus sign means “find the element immediately following this other element” and we don’t send all the siblings up to the server as part of the click event, we would only know about the clicked element, not the sibling.
So, I would suggest you to check for another possibility to map the elements.