JavaScript的替代jQuery的元素尋址

Question

什麼是JavaScript替代此：

$('#clientDetailModal #heightValue') 

我需要它，因爲在我的代碼工作的：

document.getElementById('heightValue').checkValidity() 

但這並不：

$('#clientDetailModal #heightValue').checkValidity() 

而我需要在clientDetailModal div中只選擇heightValue。

Answer 1

嘗試$('#clientDetailModal #heightValue')[0].checkValidity()

你需要做的[0]的原因是，（按照jQuery的ID選擇文檔）

與id選擇作爲調用的jQuery（）（或$（））它的參數將 返回包含收集零個或一個 DOM元素的 jQuery對象

由於您將獲得帶有1個DOM元素的集合（假設您沒有多個ID），則需要使用[0]明確「選擇」該元素。

Answer 2

我想這就是你要找的內容：

document.getElementById('clientDetailModal').getElementById('heightValue').checkValidity(); 

Answer 3

你可以使用get得到的DOM元素：

$('#clientDetailModal #heightValue').get(0).checkValidity() 

只是可以肯定，你的問題可能是一個有點含糊不清：只有一個元素可以在HTML中擁有給定的ID。所以，如果你的元素是不存在或內#clientDetailModal，那麼你可以如用

$('#heightValue').get(0).checkValidity() 

這也將更快。但是在那種情況下，使用document.getElementById沒有任何問題。

Answer 4

由於document.getElementById('heightValue').checkValidity()起作用，這意味着您的函數checkValidity()附加在本機DOM元素上。這意味着，你可以這樣做：

$('#clientDetailModal #heightValue')[0].checkValidity() 

加：如果你的HTML是沒有重複的ID有效，你可以簡單地做

$('#heightValue')[0].checkValidity() 

Answer 5

由於OP問一個JavaScript替代。在現代瀏覽器上，

document.querySelector ('#clientDetailModal #heightValue') 

將返回您要求的元素。

直接當量將是

document.querySelectorAll ('#clientDetailModal #heightValue') 

返回匹配該選擇請求的元件的陣列，就yrou將需要添加的[0]按照其他的答案。