使用Jquery选择特定的数据中心
在使用Jquery选择特定的数据中心,jquery,Jquery,在“parent>child”选择器中,选择由“parent”指定的元素中由“child”指定的所有直接子元素。“直接子对象”只是向下一级的元素。例如,我有以下代码: ... <table class="advanceSearch"> <tr> <td> <ul class="form"> <li> <label&g
“parent>child”
选择器中,选择由“parent”指定的元素中由“child”指定的所有直接子元素。“直接子对象”只是向下一级的元素。例如,我有以下代码:
...
<table class="advanceSearch">
<tr>
<td>
<ul class="form">
<li>
<label>Document Type:</label>
<input type="text" id="cmbDocumentType" name="paramtitle" />
</li>
<li>
<label>Title:</label>
<input type="text" id="paramtitle" name="paramtitle" />
</li>
<li>
<label>Notes:</label>
<input type="text" id="paramNotes" name="paramNotes" />
</li>
<li>
<label>Revision Number:</label>
<input type="text" id="paramRevisionNumber" name="paramRevisionNumber" />
</li>
<li>
<label>Draft Number:</label>
<input type="text" id="paramDraftNumber" name="paramDraftNumber" />
</li>
<li>
<label>Version Number:</label>
<input type="text" id="paramVersionNumber" name="paramVersionNumber" />
...
这很有效,但我发现有两个
find()
选择器是多余的。有什么方法可以简化这个吗?你实际上根本不需要.find()
;您可以改用两个后代选择器
$('table.advanceSearch ul.form input[id^="param"]')
请记住:
x>y
(子选择器)或多或少可以与$('x')互换。子项('y')
,$('x')
或多或少可以与$('x')互换。find('y')
实际上根本不需要.find()
;您可以改用两个后代选择器
$('table.advanceSearch ul.form input[id^="param"]')
请记住:x>y
(子选择器)或多或少可以与$('x')互换。子项('y')
,$('x')
或多或少可以与$('x')互换。查找('y')
尝试以下操作:
$('table.advanceSearch ul.form input[id^="param"]').prop('disabled', true);
或
或
试试这个:
$('table.advanceSearch ul.form input[id^="param"]').prop('disabled', true);
或
或
您的选择器可以更长:
$(".advanceSearch input[id^='param']").prop("disabled", true);
这也会做同样的事情,没有冗长的内容。您的选择器可以更长:
$(".advanceSearch input[id^='param']").prop("disabled", true);
这将做同样的事情,没有冗长的内容。我使用了
$('table.advanceSearch input[id^=“param”]”)代码>阅读后,但您的答案也是正确的!无论如何谢谢你我使用了$('table.advanceSearch输入[id^=“param”]”)代码>阅读后,但您的答案也是正确的!无论如何谢谢你+1的正确答案,但马特先生先得到,但也谢谢:)+1的正确答案,但马特先生先得到,但也谢谢:)