Question

http://api.jquery.com/child-selector/“rel=”nofollow。 JQuery s Documentation,,"jun > 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" />
            ...

我想从“第1段”开始,从“第2条”开始,从中选取<条码>、<代码>而不是<条码>、儿童选择器:

      $("table.advanceSearch").find("ul.form").find( input[id^="param"] ).attr("disabled", "disabled");

这一工作良好,但我发现,它有两条<条码>限定(选择器。是否有办法为之 short?

Answer 1

您实际上不需要<代码>.find();相反,你可以使用两名后代的挑选人。

$( table.advanceSearch ul.form input[id^="param"] )

摘录:x > y (the child selectedor) is more-orless interchangeable with $ (x ).children( y ), and $(x y ) is more-orless interchangeable with $ (x ).find( y )。

Answer 2

Your selector can be much longer:

$(".advanceSearch input[id^= param ]").prop("disabled", true);

这样做是一样的,没有两岸。

Answer 3

引证:

$( table.advanceSearch ul.form input[id^="param"] ).prop( disabled , true);

页: 1

$( table.advanceSearch ul.form ).find( input[id^="param"] ).prop( disabled , true);

页: 1

$( table.advanceSearch ul.form li ).children( input[id^="param"] ).prop( disabled , true);

友情链接