2016-04-09 10 views
-3
<div> 
    <div> 
    <div class="one">child of 1 st Div</div> 
    </div> 
    <div> 
    <div class="two'>child of 2 st Div</div> 
    </div> 
    <div> 
    <div class="three">child of 3 st Div</div> 
    </div> 
</div> 

Hier ist, was ich tun möchte, ist das div mit Klasse auf Klick = „one“ ich den Inhalt des dritten div wo Klasse ändern möchten = „drei“Finden dritte Elternteil von einem Eltern-Kind in jquery

+0

In Ihrem Jquery-Code, '$ auf ('Klick', function() ("drei "). {$ (" One."}. doStuff}) ' – Nico

+0

... also wo ist dein Jquery versuchen? –

+0

Bitte lesen [fragen]. – CBroe

Antwort

1

Sie haben einen Tippfehler Fehler hier: <div class="two'> es sollte sein: <div class="two">

Für das Skript gibt es viele Wege, es zu tun, ist hier ein:

$(function(){ 
    $('.one').click(function(){ 
     $('.three').text('hey'); 
    }); 
}); 

Live example

0

In jQuery, können Sie einen click event Handler auf ein jQuery-Objekt mit der click Methode befestigen. Sie wählen ein Element mit der globalen jQuery-Funktion aus (normalerweise jQuery oder $). Um ein Element mit einer bestimmten Klasse auszuwählen, fügen Sie . der Klasse voran.

$('.one').click(function(event) { 
    // this function will be fired when the div with class `one` is clicked 

    var $three = $('.three'); 
    // $three is now a jQuery object representing the div 
    // DOM element with the class `three` 

    // your code here  
}); 
0

Zuerst in Ihrem Code sollten Sie Ihren Code für class = "two" korrigieren. Um einen Div auszuwählen, verwenden Sie den jquery .on() Event-Handler.

$('selector').on('click',callback());

den folgenden Code finden.

$('.one').on('click',function(){ 
    $('.three').addClass('changeColor'); 
}) 

ich habe auch eine jsFiddle: https://jsfiddle.net/58kng68a/

Verwandte Themen