wählen Sie das folgende div des angeklickten Element mit jquery

<div class="contacts"> 
       <h3><a href="#">1st Link</a></h3> 

       <div class="contacts-details"> 
       <div class="tel" title="telephone"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 
        <div class="fax" title="fax"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 

        <div class="email" title="email"> 
        <p>[email protected]</p> 
         <p>[email protected]</p> 
        </div> 

        <div class="postal" title="postal"> 
        <p>uttam chowk-10, pokhara, nepal</p> 
        </div> 
       </div><!-- end .contacts-details --> 
      </div><!-- end .contacts --> 

      <div class="contacts"> 
       <h3><a href="#">2nd Link</a></h3> 

       <div class="contacts-details"> 
       <div class="tel" title="telephone"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 
        <div class="fax" title="fax"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 

        <div class="email" title="email"> 
        <p>[email protected]</p> 
         <p>[email protected]</p> 
        </div> 

        <div class="postal" title="postal"> 
        <p>uttam chowk-10, pokhara, nepal</p> 
        </div> 
       </div><!-- end .contacts-details --> 
      </div><!-- end .contacts --> 


      <div class="contacts"> 
       <h3><a href="#">3rd Link</a></h3> 

       <div class="contacts-details"> 
       <div class="tel" title="telephone"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 
        <div class="fax" title="fax"> 
        <p>9806648110</p> 
         <p>9806648110</p> 
        </div> 

        <div class="email" title="email"> 
        <p>[email protected]</p> 
         <p>[email protected]</p> 
        </div> 

        <div class="postal" title="postal"> 
        <p>uttam chowk-10, pokhara, nepal</p> 
        </div> 
       </div><!-- end .contacts-details --> 
      </div><!-- end .contacts -->

, wie ich das folgende div („.contacts-Details“) des h3 Sie wählen, wenn ‚ein h3‘ geklickt wird und dann slideToggle(), um es anzuwenden?wählen Sie das folgende div des angeklickten Element mit jquery

bitte helfen

Quelle

2010-11-18 sonill

$('h3 a').click(function() { 
    $(this).parent().siblings('div.contacts-details').slideToggle(); 
});

Quelle

2010-11-18 07:38:18

oder next(), in dem ich denke, ist schneller in diesem Fall – tbleckert

kann u bitte einen Weg vorschlagen, das übergeordnete div (div.contacts auswählen (Details) und wenden Sie toggleClass() darauf an? Danke, – sonill

ich versuchte "$ (this) .parent(). toggleClass ('ausgewählt');" und es hat nicht funktioniert. es angewendet Klasse auf h3 anstelle von Eltern div – sonill

try this

$('h3 a').click(function(e) { 
    e.preventDefault(); 
    $(this).parent().next('.contacts-details').slideToggle(); 
});

Quelle

2010-11-18 08:10:49 tbleckert

Ich fühle mich wie 'next()' sollte nur verwendet werden, wenn es Ihnen egal ist über was als nächstes kommt. Wenn Sie möchten, dass Ihr Code für immer funktioniert, dann scheint mir die Suche nach genau dem gewünschten Element eine bessere Idee zu sein. –

Was ist los mit next ('. Kontakte-Details')? Ich dachte, du würdest meinen Punkt sehen – tbleckert

Wenn Sie schreiben, dass Sie HTML korrekt sind, sollten Kontakte-Details das nächste Element sein. – tbleckert

wählen Sie das folgende div des angeklickten Element mit jquery

Antwort

Verwandte Themen