jquery - jqueryを使用してテーブル行を無効にする

Question

jqueryを使用してテーブル行内のすべてのコントロールを無効にしようとしていますが、できません...以下は私のhtmlコードです

<tr id="trChild2">
                    <td>
                        2
                    </td>
                    <td style="height: 30px;">
                        <%:Html.TextBoxFor(m=>m.childName2) %><%--<br />
                        <%: Html.ValidationMessageFor(m=>m.SpouseName,null,new{@Class="field-validation-message"}) %>--%>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        &nbsp;M<%: Html.RadioButtonFor(m=>m.genderIdChild2,1) %>
                        &nbsp;F<%:Html.RadioButtonFor(m=>m.genderIdChild2,2) %>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        <%:Html.TextBoxFor(m=>m.ageChild2,new{Style="width:30px;",maxlength=3}) %><%--<br />
                        <%:Html.ValidationMessageFor(m=>m.SpouseAge,null,new{@Class="field-validation-message"}) %>--%>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        &nbsp;&nbsp;&nbsp;Married<%: Html.RadioButtonFor(m=>m.maritialStatusChild2,1) %>
                        UnMarried<%:Html.RadioButtonFor(m=>m.maritialStatusChild2,2) %>
                    </td>
</tr>

以下は、テーブル行内のすべてのコントロールを無効にするために使用した私のjqueryコードです。

$("#trChild2").find("input,button,textarea").attr("disabled", true);

#trChild2は私のテーブルの行IDであることに注意してください

私が間違っていることを教えてください...

ありがとう & よろしく サミール・シェイク

Answer 1

コードをreadyブロックに入れます:

$(function(){
    $("#trChild2").find("input,button,textarea").attr("disabled", true); 
});

Answer 2

http://jsfiddle.net/3QuT4/を確認してください。これは簡単な例であり、指定した方法で動作します。

Answer 3

いくつかの理由が考えられます。コード内で jQuery の競合が発生する可能性があります。以下のコードを使用して、競合を無視します。

$.noConflict();/jQuery.noConflict();

次に、$ を使用する代わりに、jQuery ワードを使用します。続きを読む

(document).ready 関数を追加しようとしています。DOM がロードされた後、必要な機能を実行できます。

jQuery(document).ready(function($) {
  jQuery("#trChild2").find("input,button,textarea").attr("disabled", true);
});

(document).ready の仕組みを知りたい場合は、こちらをご覧ください。

これがあなたの仕事を成し遂げるのに役立つことを願っています。