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

可能有几个原因。您的代码中可能存在 jQuery 冲突。使用下面的代码忽略冲突。

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

然后不要使用 $，而是使用 jQuery 单词。阅读更多

尝试添加 (document).ready 函数。它允许您在加载 DOM 后执行您想要的功能。

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

如果您想知道 (document).ready 是如何工作的，请在此处阅读更多

希望这可以帮助您完成工作。

Answer 3

请检查http://jsfiddle.net/3QuT4/这是一个简单的例子，它按照您指定的方式工作。