• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jQuery – URL von Inhalt auslesen und ausgeben

hexagonizm

Neues Mitglied
Hallo zusammen
Ich stehe vor folgendem Problem:
Ich habe ein Newsportal auf dem jeweils ein Artikel mit derselben Klasse
HTML:
.entry
generiert wird, wenn der Benutzer einen solchen erstellt. In diesem Artikel befindet sich ein Artikelbild und darunter der Text.
HTML:
<article class="entry">
   <a class="img-link" href="">
   <img src="images/news.jpg">
</a>
<section class="entry-content">
   <p>
      <a href="www.url-1.tld"></a>
   </p>
</section>
</article>

Der Benutzer kann unter anderem auch Links in die Beiträge einfügen. Jetzt möchte ich – wenn in
HTML:
<section class="entry-content"></section>
Links vorhanden sind – immer den ersten Link auch dem Beitragsbild zuweisen.

Mein Problem ist, dass es mir bei allen Elementen immer nur den Link des ersten Beitrages ausgibt.

Code:
$(".entry-content p a:first-child").each(function() {
   var contentUrl = $(this).attr("href");
   $(".img-link").attr('href', contentUrl);
});

Ich habe dann jedem Link eine ID gegeben, nur wie übergebe ich die jedem Container? + this.id gibt [object] [Object] zurück.

Code:
$(".entry-content p a:first-child").each(function(index) {
   var linkId = "entry-url-" + index;
   $(this).attr("id", linkId);
});

Hat jemand einen Tipp für mich?

Danke und Gruss
 
Zuletzt bearbeitet:
Hmm, also du willst das www.url-1.tld dem href-Attribut von .entry > a > img zuweisen? Ich würde es mit traversieren versuchen:
Code:
$('.entry').each(function(i,v) {
  var link = $(this).find('.entry-content > p > a').attr('href');
  $(this).find('a').attr('href', link);
})
 
Zurück
Oben