Izdvojiti href vrednost jQuery

[CodeIllusionist]

Uspeo sam na jedan amaterski način da pristupim parent elementu i da uzmem kompletan HTML koji je vezan sa njim. Ono što dalje želim jeste da iz celog tog HTML-a uzmem samo prvu vrednost iz href atributa.

Napisani kod:

$(document).ready(function() {
            $(".share_post").click(function(event) {
                var post = $(this).parent().parent().parent().parent().html();            
                alert(post); // Shows html
                event.preventDefault();
            });
        });

Ovo je dobijene HTML:

Spoiler za Dobijeni HTML:

<div id="3" class="post-header"><h2><i class="material-icons">description</i><img src="https://2img.net/i/empty.gif" alt="[solved]nbeka nova tema Empty" loading="lazy"><span class="post-heading-wrap"><a href="/t2-solvednbeka-nova-tema#3">[solved]nbeka nova tema</a><span class="post-date">Wed 16 Nov 2022 - 10:40</span></span></h2><div class="mobile-hide post-buttons"><ul><li class="btn-quote-multi"><span title="Select/Unselect multi-quote" id="post_mq2_3" onclick="togglePostMultiQuote(this);"><i class="material-icons">format_quote</i><i class="material-icons">add</i></span></li><li class="btn-quote"><a href="/post?p=3&amp;mode=quote" title="Reply with quote"><i class="material-icons">format_quote</i></a></li><li class="btn-edit"><a href="/post?p=3&amp;mode=editpost" title="Edit/Delete this post"><i class="material-icons">edit</i></a></li><li class="btn-delete"><a href="/post?p=3&amp;tid=43df79a271e9e3ff7a4a3af2f9b1a8d1& amp;mode=delete" title="Delete this post"><i class="material-icons">delete</i></a></li><li class="btn-ip"><a href="/modcp?mode=ip&amp;p=3&amp;t=2&amp;tid=43df79a271e9 e3ff7a4a3af2f9b1a8d1" title="View IP address of poster"><i class="material-icons">info</i></a></li><li class="share_post"><i class="material-icons">share</i></li> </ul></div><div class="mobile-show dropdown post-buttons-mobile"><i class="material-icons">more_horiz</i><ul class="dropdown-box"><li class="btn-quote-multi"><span title="Select/Unselect multi-quote" id="post_mq2_3" onclick="togglePostMultiQuote(this);"><i class="material-icons">format_quote</i><i class="material-icons">add</i></span></li><li class="btn-quote"><a href="/post?p=3&amp;mode=quote" title="Reply with quote"><i class="material-icons">format_quote</i></a></li><li class="btn-edit"><a href="/post?p=3&amp;mode=editpost" title="Edit/Delete this post"><i class="material-icons">edit</i></a></li><li class="btn-delete"><a href="/post?p=3&amp;tid=43df79a271e9e3ff7a4a3af2f9b1a8d1& amp;mode=delete" title="Delete this post"><i class="material-icons">delete</i></a></li><li class="btn-ip"><a href="/modcp?mode=ip&amp;p=3&amp;t=2&amp;tid=43df79a271e9 e3ff7a4a3af2f9b1a8d1" title="View IP address of poster"><i class="material-icons">info</i></a></li></ul></div></div><div class="post-body"><div class="post"><div class="post-content"> <div class="personal-vote"> <a href="" class="vote-up"><i class="material-icons">keyboard_arrow_up</i></a><h4>0</h4><a href="" class="vote-down"><i class="material-icons">keyboard_arrow_downp</i></a> </div><!--
REPUTATION SYSTEM --><div>random tekst<br><br>dfgdfg</div><br><br>Last edited by Admin on Mon 28 Nov 2022 - 20:25; edited 2 times in total (Reason for editing : test)</div><div class="post-footer likes-active vote-active"><div class="fa_like_div"><button class="rep-button fa_liked" data-href="/vote_like?cvf%5B0%5D=358013163b670b431c6e06e945524 d63&amp;cvf%5B1%5D=e4da8661604a937ccab27790ccf2baf 3&amp;l_vote=3&amp;like_val=3" data-href-rm="/vote_like?cvf%5B0%5D=d563efcabf02b6c7f382e68685a63 4ac&amp;cvf%5B1%5D=fefd1e2b3bbcafafd96e82becb3a4a6 d&amp;l_vote=3&amp;like_val=5"><span class="rep-cat"><i class="material-icons">thumb_up</i><span class="rep-nb">2</span></span><span>Like</span></button><button class="rep-button fa_dislike" data-href="/vote_like?cvf%5B0%5D=fd9223540c0ace38e28fbf8f4968c edc&amp;cvf%5B1%5D=81a5dad70fd4bc4d5026c514884f2a1 c&amp;l_vote=3&amp;like_val=4" data-href-rm="/vote_like?cvf%5B0%5D=d563efcabf02b6c7f382e68685a63 4ac&amp;cvf%5B1%5D=fefd1e2b3bbcafafd96e82becb3a4a6 d&amp;l_vote=3&amp;like_val=5"><span class="rep-cat"><i class="material-icons">thumb_down</i><span class="rep-nb" style="display:none;"></span></span><span>Sad</span></button><p class="fa_like_list"><a href="/u1">Admin</a> and <a href="/u2">testacc</a> like this post</p><p class="fa_dislike_list" style="display: none;"></p></div><div class="vote"><div class="vote-bar" title="Message reputation : 100% (2 votes)"><div class="vote-bar-desc">Message reputation : 100% (2 votes)</div><div class="vote-bars"><div class="vote-bar-plus" style="width:50px;"></div></div></div></div></div></div>

Od svega ovoga ja želim izvući:

/t2-solvednbeka-nova-tema#3

Kako uspeti tako nešto? Meni je to tako kompleksno da nemam predstavu.
Napomenuo bih da je ova vrednost dobijena UVEK od prve vrednost linka (href). Tako da, ma koja god vrednost href-a bila, želim samo nju.

[Neutrino]

Čista JS verzija

document.querySelector('a').getAttribute('href')

Funkcija

document.querySelector('a')

vraća prvi rezultat pretrage DOM stabla za a elementima dok

getAttribute('href')

vraća vrednost href atributa za taj element.

jQuery verzija

$('a').attr('href')

Sve isto kao i gore samo u jQuery notaciji.