javascript - Inserting HTML using Jquery (Limiting amount of times) -


i trying insert snippet of html code after each feed item using jquery, whatever try still doesn't work. have displayed html code below of page trying edit. trying html inserted after every feed time (every time finishes class="wp_rss_retriever_container">)

<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 smash transfer record sign star striker">                     man united ready smash transfer record 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 manchester united ace mata">                     fenerbahce plan bid 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 suit me">                     manchester united, arsenal target morata: premier league 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                         </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/" 

the code tried use work

$( "<p>test</p>" ).insertafter( ".wp_rss_retriever_container" ); 

you use each iterate on .wp_rss_retriever_container class:

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

if want 'limited amount of times' condition , break if 'i' equal value:

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

hope helps you!


Comments