Html в поисковый текст с jquery

Question

Я возвращаю элементы списка с a для l oop.
Я оставил один из элементов в этом списке ниже в качестве примера.
Моя цель - достичь метки в этом html и прочитайте текстовое значение. Как я могу это сделать?

<li>
   <a class="dd-option"> <input class="dd-option-value" type="hidden" value="3"> 
      <img class="dd-option-image" src="/Images/Sample/0.png"> 
      <label class="dd-option-text">Sampleee</label> 
      <small class="dd-option-description dd-desc">Sample sampleee.</small>
   </a>
</li>

Answer 1

Используя ваниль JS:

Вы можете найти элемент с querySelector() и доступом innerText или textContent свойство.

var labelText = document.querySelector('label.dd-option-text').textContent;
console.log(labelText);

<li>
   <a class="dd-option"> <input class="dd-option-value" type="hidden" value="3"> 
      <img class="dd-option-image" src="/Images/Sample/0.png"> 
      <label class="dd-option-text">Sampleee</label> 
      <small class="dd-option-description dd-desc">Sample sampleee.</small>
   </a>
</li>

Использование jQuery: Доступ к text() на возвращенном объекте :

var labelText = $('label.dd-option-text').text();
console.log(labelText);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li>
   <a class="dd-option"> <input class="dd-option-value" type="hidden" value="3"> 
      <img class="dd-option-image" src="/Images/Sample/0.png"> 
      <label class="dd-option-text">Sampleee</label> 
      <small class="dd-option-description dd-desc">Sample sampleee.</small>
   </a>
</li>

Answer 2

Jquery

let yourListElement = $("ul li")
console.log(yourListElement.find("label").text())

Ваниль Javascript

yourListElement.querySelector(".dd-option-text").textContent