javascript - 使用 jquery 将 Html 转换为搜索文本

Question

我使用 for 循环返回列表的元素。
我在下面的列表中留下了一个元素作为示例。
我的目标是到达此 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>