解析字符串以获取给定属性值的href

Question

我有一个包含以下内容的字符串：

var string = 
'<div class="product-info-inner-content clearfix ">\
    <a href="http://www.adidas.co.uk/ace-17_-purecontrol-firm-ground-boots/BB4314.html"\
      class="link-BB4314 product-link clearfix "\
      data-context="name:ACE 17+ Purecontrol Firm Ground Boots"\
      data-track="BB4314"\
      data-productname="ACE 17+ Purecontrol Firm Ground Boots"  tabindex="-1">\
        <span class="title">ACE 17+ Purecontrol Firm Ground Boots</span>\
        <span class="subtitle">Men Football</span>\
    </a>\
</div>';

我正在尝试执行以下 Python 代码的 JavaScript 等效项，其中使用漂亮的汤来获取给定产品代码（即在本例中为 BB4314）的 div 类元素的 URL。

 is_listing = len(soup.findAll(name="div", attrs={"class": "product-tile"})) > 1
        if is_listing:
        # stuck from this part
        attrs = {"class": re.compile(r".*\bproduct-link\b.*"), "data-track": code} 
        url = soup.find(name="a", attrs=attrs)
        url = url["href"]

我该怎么做？

Answer 1

只使用 DOM

var string = '<div class="product-info-inner-content clearfix "><a href="http://www.adidas.co.uk/ace-17_-purecontrol-firm-ground-boots/BB4314.html" class="link-BB4314 product-link clearfix " data-context="name:ACE 17+ Purecontrol Firm Ground Boots" data-track="BB4314" data-productname="ACE 17+ Purecontrol Firm Ground Boots"  tabindex="-1"><span class="title">ACE 17+ Purecontrol Firm Ground Boots</span> <span class="subtitle">Men Football</span></a></div>',
  div = document.createElement("div");
div.innerHTML = string;
var href = div.querySelector("a.product-link").href,
  parts = href.split("/"),
  code = parts.pop().split(".")[0];
console.log(code)

console.log(div.querySelector("a.product-link").getAttribute("data-track"))