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 <romain.simi...@gmail.com> 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 jquery-dev@googlegroups.com
To unsubscribe from this group, send email to
jquery-dev+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
