Ah zut, I forgot the >, and I was hoping i could actually help on that
one lol, but otherwise this would work normaly no?
(sorry to ask but newbie so I check to make sure)
$(this+' > .quantite') (also I think it's mention somewhere in this
group that find is faster (for the moment only))
Also would the new closest() method work?
$(this).closest('.quantite'); (is that faster or slower than the above
or / and find)
On Mar 31, 5:27 pm, Daniel Friesen <[email protected]> wrote:
> If /this/ is a node as I expect it is in that context, it should
> actually be $(this).find('.quantite');
>
> ~Daniel Friesen (Dantman, Nadir-Seen-Fire)
>
> Gilles wrote:
> > Bonjour!
>
> > Stupid question, but you have made sure to wrap your code inside $
> > (function(){ /* your code */ }); yes?
> > As otherwise JQuery might have trouble locating what you need if it
> > isn't.
>
> > Also could you provide the HTML source as rendered by the browser, it
> > makes copy/pasting/testing easier :)
>
> > $("this ~ .quantite") is wrong tho i believe it should be $(this
> > +'.quantite') as this is a variable
>
> > (unless it is interpreated as variable between double quote like in
> > PHP, but I am pretty sure it doesn't)
>
> > On Mar 31, 3:14 pm, elpatator <[email protected]> wrote:
>
> >> Although Jquery offers multiple ways in selecting DOM elements, I
> >> can't figure out how to do this, as i'm not that good at it.
> >> Here's the deal :
> >> my html goes like this
> >> <logic:iterate id="ligneCommande" name="commande"
> >> property="lignesCommande" indexId="index">
> >> <div class="ligneArticle"><c:set
> >> var="nbLigneCommandes"
> >> value="${nbLigneCommandes+1}" />
> >> <bean:define id="articleId"
> >> name="ligneCommande"
> >> property="article.id" />
>
> >> <div
> >> class="blocGauche"><bean:define id="articleId"
> >> name="ligneCommande"
> >> property="article.id" />
> >> <img class="visuelArticle"
> >> src="/images/visuelsArticles/dim1/$
> >> {ligneCommande.article.articleReference.reference}_dim1.jpg"
> >> height="60" width="60" />
>
> >> <span class="libelleArticle">
> >> <bean:write
> >> name="ligneCommande"
> >> property="article.articleReference.libelle" />
> >> </span>
> >> </div>
> >> <div class="blocDroit">
> >> <span class="prixUnitaire">
> >> <bean:write
> >>
> >> name="ligneCommande" property="prixUnitaire" format=""
> >> formatKey="main.format.prix"/>
> >> <input
> >> type="hidden" class="prixProduit" name="prix${index}"
> >> value="${ligneCommande.prixUnitaire}"></input>
> >> <input
> >> type="hidden"
> >>
> >> name="montantDeLigne${index}" value="$
> >> {ligneCommande.prixTotal}"></input>
> >> </span>
>
> >> <table class="calculette">
> >> <tr>
> >> <td>
> >> <html:text
> >> styleClass="quantite"
> >> property="quantiteLigneCommande(${ligneCommande.id})" styleId="$
> >> {ligneCommande.id}"/>
> >> </td>
> >> <td>
> >>
> >> <img class="plus" src="/images/quantiteIncrement.gif"
> >> alt="Plus" />
> >> </td>
> >> <td>
> >>
> >> <img class="moins" src="/images/quantiteDecrement.gif"
> >> alt="Moins" />
> >> </td>
> >> </tr>
> >> </table>
>
> >> <div
> >> id="montantDeLigneAfficher${index}" class="prixTotal">
> >> <bean:write
> >> name="ligneCommande" property="prixTotal" format=""
> >> formatKey="main.format.prix" />
> >> </div>
> >> </div>
> >> <div class="clear"></div>
> >> </div>
> >> <div class="clear"></div>
> >> </logic:iterate>
>
> >> As you can see, I iterate on each line, that's named .ligneArticle ;
> >> What I wish to do is, on click on
> >> <img class="plus" src="/images/quantiteIncrement.gif" alt="Plus" /> or
> >> <img class="moins" src="/images/quantiteDecrement.gif" alt="Moins" />,
> >> traverse back up from my button, in order to get it's current (and
> >> unique) lingneArticle, to get back down and work on quantity input.
> >> Right now, my js looks likes this :
> >> $(".plus").click(function (){
> >> var quantite = $("this ~ .quantite").val();
> >> quantite++;
> >> if (quantite<=0){
> >> quantite=0;
> >> }
> >> $("this ~ .quantite")
> >> .text(quantite)
> >> .val(quantite);
> >> calculMontantPanier();
> >> });
>
> >> $(".moins").click(function (){
> >> var quantite =
> >> $(this).find(".quantite:input").val();
> >> quantite--;
> >> if (quantite<=0){
> >> quantite=0;
> >> }
> >> $(this).find(".quantite:input")
> >> .text(quantite)
> >> .val(quantite);
> >> calculMontantPanier();
> >> });
>
> >> As you can see, my probleme is related to DOM crawling back up from $
> >> (this) (my button), and then down to it's direct
> >> neigbour .quantite:input .
>
> >> Thanks for your help.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
