Jqueryを使用してtr属性を呼び出し、内側のチェックボックスを見つけよう

Question

属性「data-uid」を持つ「tr」要素があります。 jqueryで無効なクラスを追加するためのチェックボックスを見つけるために、その "data-uid"と呼ぶことができます。ここで

は私のコードです：

<tr data-uid="994f164a-5778-49ee-b05e-abb74bbf9b93" role="row"> 
    <td role="gridcell"><label class="row-select-wrapper"> 
     <input type="checkbox" class="row-select"><em></em></label> 
    </td> 
    <td role="gridcell">test</td> 
    <td role="gridcell"></td> 
    <td role="gridcell"></td> 
</tr> 

私はあなたが接近していたこの

$('data-uid[994f164a-5778-49ee-b05e-abb74bbf9b93]') 
.find('<input type="checkbox"').attr("disabled", "true"); 

Answer 1

あなたが実際にその属性セレクタの種類を同封する必要がありますusing attribute selectors：

の場合は、角カッコでも使用しています

// This will disable all checkboxes beneath the specified row 
$('[data-uid="994f164a-5778-49ee-b05e-abb74bbf9b93"] :checkbox').prop('disabled',true); 

：あなたは :checkbox pseudoselectorを使用して <tr>の下のチェックボックスをターゲットとしたい場合

$('[data-uid="994f164a-5778-49ee-b05e-abb74bbf9b93"]').find('<input type="checkbox"') 
                 .attr("disabled", "true"); 

また、あなたはあなたのセレクタを簡素化することができ

Answer 2

のようなものを試してみました：

$('[data-uid=994f164a-5778-49ee-b05e-abb74bbf9b93]') 
      .find('input[type=checkbox]').attr("disabled", "true");