2016-03-26 5 views
0

Ich versuche, ein Snippet von HTML-Code nach jedem Feed-Element mit JQuery einzufügen, aber was ich versuche, es funktioniert immer noch nicht. Ich habe den HTML-Code unterhalb der Seite angezeigt, die ich bearbeiten möchte. Ich versuche, einige HTML zu bekommen, um nach jeder Vorschubzeit eingefügt werden (jedes Mal, es endet mit class="wp_rss_retriever_container">)Einfügen von HTML mit Jquery (begrenzte Anzahl von Malen)

<div class="wp_rss_retriever"> 
    <ul class="wp_rss_retriever_list"> 
     <li class="wp_rss_retriever_item"> 
      <div class="wp_rss_retriever_item_wrapper"> 
       <a class="wp_rss_retriever_title" target="_blank" href="http://footballnewsdaily.net/uncategorized/man-united-ready-to-smash-transfer-record-to-sign-star-striker/" title="Man United ready to smash transfer record to sign star striker"> 
        Man United ready to smash transfer record to sign star striker 
       </a> 

       <div class="wp_rss_retriever_container"> 

        <div class="wp_rss_retriever_metadata"> 
         <span class="wp_rss_retriever_date"> 
          Published: March 25, 2016 - 12:29 pm 
         </span> 
        </div> 
       </div> 
      </div> 
     </li> 

     <li class="wp_rss_retriever_item"> 
      <div class="wp_rss_retriever_item_wrapper"> 
       <a class="wp_rss_retriever_title" target="_blank" href="http://footballnewsdaily.net/manchester-united/fenerbahce-plan-bid-for-manchester-united-ace-mata/" title="Fenerbahce plan bid for Manchester United ace Mata"> 
        Fenerbahce plan bid for Manchester United ace Mata 
       </a> 

       <div class="wp_rss_retriever_container"> 

        <div class="wp_rss_retriever_metadata"> 
         <span class="wp_rss_retriever_date"> 
          Published: March 25, 2016 - 12:15 pm 
         </span> 
        </div> 
       </div> 
      </div> 
     </li> 

     <li class="wp_rss_retriever_item"> 
      <div class="wp_rss_retriever_item_wrapper"> 
       <a class="wp_rss_retriever_title" target="_blank" href="http://footballnewsdaily.net/manchester-united/united-arsenal-target-morata-premier-league-would-suit-me/" title="Manchester United, Arsenal target Morata: Premier League would suit me"> 
        Manchester United, Arsenal target Morata: Premier League would suit me 
       </a> 
       <div class="wp_rss_retriever_container"> 

        <div class="wp_rss_retriever_metadata"> 
         <span class="wp_rss_retriever_date"> 
          Published: March 25, 2016 - 11:55 am 
         </span> 
        </div> 
       </div> 
      </div> 
     </li> 

     <li class="wp_rss_retriever_item"> 
      <div class="wp_rss_retriever_item_wrapper"> 
       <a class="wp_rss_retriever_title" target="_blank" href="http://footballnewsdaily.net/manchester-united/manchester-united-rival-arsenal-liverpool-for-juventus-striker-morata/" 

Der Code, den ich, es zu benutzen versucht, Arbeit zu bekommen ist

$("<p>Test</p>").insertAfter(".wp_rss_retriever_container"); 
+0

Ich sehe keinen JS Code in Fiddle. – Rajesh

+0

Anders als * "3 mal" * ist es schwierig, aus dem spezifischen Problem einen Sinn zu ziehen. Auch keine Ahnung, was * "aber es ändert sich" * bedeutet oder wie es sich auf das Problem bezieht – charlietfl

+0

@charlietfl Ich habe die ursprüngliche Frage aktualisiert, so dass ich mehr Sinn macht –

Antwort

0

Sie könnten verwenden jeweils über die ganze .wp_rss_retriever_container Klasse iterieren:

$('.wp_rss_retriever_container').each(function(i, obj) { 
    $(this).append("<p>Test</p>"); //or .html() 
}); 

wenn Sie wollen, dass es ‚begrenzte Menge an Zeit‘ sein, Sie bedingen und brechen könnten, wenn ‚i‘ auf einen Wert gleich ist:

if(i == 5){ break; } // only 4 'test' will be added 

Hoffe es hilft dir!

Verwandte Themen