Répéter la fonction chaque ID nommé "" avec jquery

Question

Ok, j'ai cette fonction ce qu'elle fait prend la valeur de l'heure d'id, de l'utilisateur, du titre, et du bodytext.

Fonction à insérer dans sql.

function getblogpost() { 

    var date = $('#time').text(); 
    var user = $('#user').text(); 
    var title = $('#title').text(); 
    var textbody = $('#bodytext').text(); 
    var postid = $('#pid').text(); 
    dbsql.transaction(
     function(transaction) { 
      transaction.executeSql(
       'INSERT INTO blogpost (postid, date, user, title, textbody) VALUES (?, ?, ?, ?, ?);', 
       [postid, date, user, title, textbody], 
       function(){ 

       }, 
       errorHandler 
      ); 
     } 
    ); 

    return false; 

} 

Et ce serait le html que la fonction ci-dessus fonctionne. Le problème que j'ai, c'est que je ne sais pas comment répéter une fonction pour chaque div nommé main. En ce moment, il ne le fait que pour la première div principale, mais passe maintenant à la prochaine div principale.

Quelle pourrait être la meilleure façon de procéder?

Answer 1

Vous ne pouvez pas dupliquer des ID comme ça: cela rend votre document HTML invalide et ne vous causera que des problèmes.

Vous devez utiliser l'itération. Nommez chaque ID div main1, main2, etc ... Ensuite, vous pouvez collecter toutes les données dont vous avez besoin.

Answer 2

Au lieu des ID, utilisez des classes.

$('.main').each(function(){ 
    //do something with $(this) 
}); 

Answer 3

Tout d'abord, vous ne pouvez pas avoir plus d'un élément avec un seul ID. Vous devez utiliser des classes.

le HTML peut ressembler à ceci:

<div class="main"> 
    <div class="time">some text..</div> 
    <div class="user">some text..</div> 
    <div class="title">some text..</div> 
    <div class="bodytext">some text..</div> 
    <div class="pid">some text..</div> 
</div> 

et le code comme ceci:

function getblogpost(div) { 

    var date = $(div).find('.time').text(); 
    var user = $(div).find('.user').text(); 
    var title = $(div).find('.title').text(); 
    var textbody = $(div).find('.bodytext').text(); 
    var postid = $(div).find('.pid').text(); 
    dbsql.transaction(
     function(transaction) { 
      transaction.executeSql(
       'INSERT INTO blogpost (postid, date, user, title, textbody) VALUES (?, ?, ?, ?, ?);', 
       [postid, date, user, title, textbody], 
       function(){ 

       }, 
       errorHandler 
      ); 
     } 
    ); 

    return false; 

} 

puis appelez comme ceci:

$('.main').each(function(){ 
    getblogpost(this); 
});