BeautifulSoup：从锚标签中提取 href

Question

I've been reading other people methods but I can't connect the dots here and I need to extract the href: "/agente/listing/details/5828063" from the anchor tag. (2nd line of the code below)

The source page snippet goes as:

<div class="col-md-3" style="margin: 12px auto;">
  <a title="Abrir imóvel numa nova tab" data-bind="attr:{ href: '/agente/listing/details/' + ID }" target="_blank"
    href="/agente/listing/details/5828063">
    <span class="glyphicon glyphicon-new-window"></span>
  </a>

  <div class="discount-container loaded">

    <div data-bind="if: CampaingDescription"></div>

    <span data-bind="click: $parent.ShowListingDetails, attr:{ id: 'bkmimg' + ID }" style="cursor:pointer"
      id="bkmimg5828063">
      <!-- ko if: ListingPictureUrl != '' && ListingPictureUrl != null -->
      <img class="picture" data-bind="attr:{ src:ListingPictureUrl, 'data-original': ListingPictureUrl}"
        onerror="this.src='/agente/images/default-listing.png'"
        src="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160"
        data-original="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160">
      <!-- /ko -->
      <!-- ko if: ListingPictureUrl == '' || ListingPictureUrl == null -->
      <!-- /ko -->
    </span>
    <!-- ko if: MLS -->
    <!-- /ko -->
  </div>
</div>

Answer 1

You can get the attribute of the a tag using get()

CODE:

from bs4 import BeautifulSoup

html = """<div class="col-md-3" style="margin: 12px auto;">
  <a title="Abrir imóvel numa nova tab" data-bind="attr:{ href: '/agente/listing/details/' + ID }" target="_blank"
    href="/agente/listing/details/5828063">
    <span class="glyphicon glyphicon-new-window"></span>
  </a>

  <div class="discount-container loaded">

    <div data-bind="if: CampaingDescription"></div>

    <span data-bind="click: $parent.ShowListingDetails, attr:{ id: 'bkmimg' + ID }" style="cursor:pointer"
      id="bkmimg5828063">
      <!-- ko if: ListingPictureUrl != '' && ListingPictureUrl != null -->
      <img class="picture" data-bind="attr:{ src:ListingPictureUrl, 'data-original': ListingPictureUrl}"
       onerror="this.src='/agente/images/default-listing.png'"
        src="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160"
        data-original="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160">
      <!-- /ko -->
      <!-- ko if: ListingPictureUrl == '' || ListingPictureUrl == null -->
      <!-- /ko -->
    </span>
    <!-- ko if: MLS -->
    <!-- /ko -->
  </div>
</div>"""

soup = BeautifulSoup(html, "html.parser")
alink = soup.find('a')
print(alink.get('href'))

RESULT:

/agente/listing/details/5828063

Answer 2

from bs4 import BeautifulSoup

html = """<div class="col-md-3" style="margin: 12px auto;">
  <a title="Abrir imóvel numa nova tab" data-bind="attr:{ href: '/agente/listing/details/' + ID }" target="_blank"
    href="/agente/listing/details/5828063">
    <span class="glyphicon glyphicon-new-window"></span>
  </a>

  <div class="discount-container loaded">

    <div data-bind="if: CampaingDescription"></div>

    <span data-bind="click: $parent.ShowListingDetails, attr:{ id: 'bkmimg' + ID }" style="cursor:pointer"
      id="bkmimg5828063">
      <!-- ko if: ListingPictureUrl != '' && ListingPictureUrl != null -->
      <img class="picture" data-bind="attr:{ src:ListingPictureUrl, 'data-original': ListingPictureUrl}"
        onerror="this.src='/agente/images/default-listing.png'"
        src="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160"
        data-original="https://remaxpt-media.azurewebsites.net/images/listings/12204/122041118-203/L_07e3e17f83064ad2a228f234bf57b32a.jpg?w=160&amp;h=160">
      <!-- /ko -->
      <!-- ko if: ListingPictureUrl == '' || ListingPictureUrl == null -->
      <!-- /ko -->
    </span>
    <!-- ko if: MLS -->
    <!-- /ko -->
  </div>
</div>"""

soup = BeautifulSoup(html, 'html.parser')

target = soup.find("a", {'title': 'Abrir imóvel numa nova tab'}).get("href")
print(target)

Output:

/agente/listing/details/5828063