如何获取特定类型的子元素

debugcn 发表于 Dev

里斯

我正在使用 jQuery 来获取锚标签及其内容，但我使用的方法还抓取了锚标签旁边的 span 标签。我希望能够<a></a>仅在所有.chosen元素中获得相应的值。我怎样才能做到这一点？

$('.chosen').each(function(){
  var cur = $(this).html();
  encodeURIComponent(cur);
  $('#custom_crumb').append(cur);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="chosen" style="display: none;">
  <a rel="nofollow" href="http://website.co.uk/shop/?filter_colour=amber">Amber</a>
  
  <span class="count">(14)</span>
</li>

<div id="custom_crumb"></div>

TJ克劳德

如果你想要锚的内部HTML，那么：

var cur = $(this).find("a").html();

如果你想要它的外部HTML，那么：

var cur = $(this).find("a").prop("outerHTML");

该outerHTML版本的实时示例，因为我认为这就是您想要的：

$('.chosen').each(function(){
  var cur = $(this).find("a").prop("outerHTML");
  $('#custom_crumb').append(cur);
});

<ul>
  <li class="chosen" style="display: none;">
    <a rel="nofollow" href="http://website.co.uk/shop/?filter_colour=amber">Amber</a>

    <span class="count">(14)</span>
  </li>
</ul>

<div id="custom_crumb"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

请注意，我删除了该encodeURIComponent(cur);行，因为您没有使用返回值，所以它没有做任何事情。如果您出于某种原因想要它（这似乎是一件奇怪的事情），请将其添加回来，但使用cur = encodeURIComponent(cur);.

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。