从字符串中获取所有href值，该字符串填充来自textarea的HTML代码

Question

解决了 ：）

  var test = $('textarea[name=extract]').val();
    var hh =  $.parseHTML(test) ;


    $.each($(test).find('.tile__link'),function(i,b){
        var reff = $(this).attr('href');
        $('.links').append("link/" +reff + "<br><br>");
    })

我从网站上复制了HTML代码。而且我希望所有href值都使用字符串中的类.tile_link。

我没有找到解决方案，我怎么能得到href的值与类.tile_link没有div和文本只是链接？

这是一个例子：

var test = $('textarea[name=extract]').val();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="extract">
      <span class="txt-raise">8min</span>
    </div></div>
        <div class="js-hunq-badge fit-tr pr-- pt--"></div>


        <div class="tile__footprint">
        </div>

      </a>
    </div><div class="tile grid-tile tile--bordered">  <a href="#/profile//grid" class="tile__link">

        <div role="image" aria-label="HSHBerl" style="background-image:url()" class="tile__image"></div>

        <div class="bg-raise tile__info">

          <div class="info info--middle txt-raise">

            <div class="txt-truncate layout-item--consume">
                <div class="typo-small lh-heading txt-truncate">
                  8&nbsp;km <span class="icon icon-small icon-gps-needle icon-badge"></span>
                </div>

                <div class="lh-heading txt-truncate">
                  <div class="info__main-data">
                    <div class="info__username">

                    </div>
                    <div class="js-romeo-badge"></div>

                    <div class="info__icon-set">
                    </div>
                  </div>
                </div>
            </div>
          </div>


        </div>

        <div class="tile__onlinestate js-online-state"><div>


        <span class="icon icon-online-status ui-status--online icon-raise" title="Online"></span>
</textarea>

但我不知道如何提取它只获得href的值。

Answer 1

你可以这样做：

$(".tile_link").attr('href');

如果您拥有该类的多个元素，则可以执行forEach或map。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

例：

$('.tile_link').map(function (element) { return $(this).attr('href'); });