"$（ '＃groupdepID01> .lahatkami'）" 私はこの間違って持って考える親要素のIDと子クラスによって子要素に

Question

をクラスを追加する $（ 'ID>クラス'）

スクリプト

$('#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> 

予想される出力は次のようになります

<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

あなたのコードは動作しています。

は、私はあなたがjqueryの

プロジェクトで

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

..

実行コードとチェックDeveloper tools後またはF12

iamSelectedクラス内の追加押しが含まれていなかった疑いがありますid = "groupdepID01"

ライブデモHere

スニペットの例をテストする目的で

$('#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>

以下iamSelected

01でのCSSの追加

$('#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>

使用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>