Hinzufügen von Klasse zu untergeordnetes Element von Eltern Element ID und das Kind Klasse

Question

Ich glaube, ich habe das falsch "$ ('# groupdepID01> .lahatkami')" $ ('ID> Klasse')

Skript

$('#groupdepID01 > .lahatkami').addClass('iamSelected'); 

html

<div id="groupdepID01"> 
    <input class="lahatkami" id="01" /> 
</div> 

<div id="groupdepID02"> 
    <input class="lahatkami" id="02" /> 
</div> 

<div id="groupdepID04"> 
    <input class="lahatkami" id="03" /> 
</div> 

sollte Erwartete Ausgabe

sein

<div id="groupdepID01"> 
    <input class="lahatkami iamSelected" id="01" /> 
</div> 

<div id="groupdepID02"> 
    <input class="lahatkami" id="02" /> 
</div> 

<div id="groupdepID03"> 
    <input class="lahatkami" id="03" /> 
</div> 

Answer 1

Ihr Code funktioniert.

Ich vermute, Sie nicht jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

in Ihr Projekt haben sind ..

Run-Code und nach dem Check Developer tools oder F12

iamSelected Klasse drücken innen hinzufügen id = "groupdepID01"

Live DemoHere

Snippet Beispiel Below

$('#groupdepID01 > .lahatkami').addClass('iamSelected');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="groupdepID01"> 
 
    <input class="lahatkami" id="01" /> 
 
</div> 
 

 
<div id="groupdepID02"> 
 
    <input class="lahatkami" id="02" /> 
 
</div> 
 

 
<div id="groupdepID04"> 
 
    <input class="lahatkami" id="03" /> 
 
</div>

zu Testzwecken hinzufügen Css IniamSelected

$('#groupdepID01 > .lahatkami').addClass('iamSelected');

.iamSelected 
 
{ 
 
background-color:blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="groupdepID01"> 
 
    <input class="lahatkami" id="01" /> 
 
</div> 
 

 
<div id="groupdepID02"> 
 
    <input class="lahatkami" id="02" /> 
 
</div> 
 

 
<div id="groupdepID04"> 
 
    <input class="lahatkami" id="03" /> 
 
</div>

mit JQuery-3.1.1.min.js

$('#groupdepID01 > .lahatkami').addClass('iamSelected');

.iamSelected 
 
{ 
 
    background-color:blue; 
 
}

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<div id="groupdepID01"> 
 
    <input class="lahatkami" id="01" /> 
 
</div> 
 

 
<div id="groupdepID02"> 
 
    <input class="lahatkami" id="02" /> 
 
</div> 
 

 
<div id="groupdepID04"> 
 
    <input class="lahatkami" id="03" /> 
 
</div>