首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery EasyUI 選擇器 `$("input", $("#TxtClientName").next("span"))` 解析:上下文查找 + 同級後代查找

     編輯:程式設計綜合問答

代碼:`$("input", $("#TxtClientName").next("span")).click(...)`

逐層拆解

  1. `$("#TxtClientName")`:ID 選擇器,獲取 `id="TxtClientName"` 的元素(通常是 `` 或 `` 元素。等價於 `context.find("input")`。

HTML 結構示例

<input id="TxtClientName" type="text" />
<span class="combo-arrow">          <-- next("span") 選中這個
    <input type="button" />       <-- $("input", span) 選中這個
</span>

為什麼 JSP 沒寫 `` 卻能選中?

EasyUI **運行時渲染**會自動注入 ``、`` 等包裝元素,查看「檢查元素」而非「查看源碼」才能看到真實 DOM。

現代寫法建議

// 更語義化、效能略高
$("#TxtClientName").next("span").find("input").click(...);

// 或賦予按鈕專用 class
$("#TxtClientName").next("span").find(".my-btn").click(...);
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved