Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Klijentske aplikacije

Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX...

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 1.12.2022, 22:36   #1
CodeIllusionist
Novi član
 
Član od: 23.12.2018.
Poruke: 1
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Izdvojiti href vrednost jQuery

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:

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:
Citat:
/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.
CodeIllusionist je offline   Odgovor sa citatom ove poruke
Stara 2.12.2022, 3:09   #2
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 7.366
Zahvalnice: 94
Zahvaljeno 3.363 puta na 2.026 poruka
Određen forumom Re: Izdvojiti href vrednost jQuery

Čista JS verzija
Kod:
document.querySelector('a').getAttribute('href')
Funkcija
Kod:
document.querySelector('a')
vraća prvi rezultat pretrage DOM stabla za a elementima dok
Kod:
getAttribute('href')
vraća vrednost href atributa za taj element.

jQuery verzija
Kod:
$('a').attr('href')
Sve isto kao i gore samo u jQuery notaciji.
Neutrino je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku Neutrino na korisnoj poruci:
Oggy (18.4.2023)
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


Slične teme
tema temu započeo forum Odgovora Poslednja poruka
Counter Strike 1.6 Do@ OldSchool Mrežne igre 5282 1.12.2014 15:14
jQuery funckija se pokreće dva puta zukov Klijentske aplikacije 0 20.1.2014 9:10
Zamena taga (kako ubrzati) jquery ? Nemanja- Web dizajn 7 31.12.2013 18:27
Java webservice i jquery pitanje xD Cvilee Programiranje 2 8.4.2012 17:15


Sva vremena su po Griniču +2 h. Sada je 22:43.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com