僅在一個元素的子元素上運行JQuery腳本

Question

是否有一種簡單的方法來在一個特定的表單上運行JQuery腳本，並且它是不影響網站上其他表單的子級。

目前我與其他選擇器一起使用子選擇器，但是有沒有一個命令，以下選擇器在我的窗體的子項內匹配？

感謝

Answer 1

您可以使用find：

$('#myform').find('.otherclass').css({color: 'red'}) 

的選擇.otherclass搜索裏面只有#myform。

並配有小重構：

var $f = function(selector) { return $('#myform').find(selector); } 

您可以使用：

$f('.otherclass').css({color: 'red'}) 

爲了讓您的jQuery功能的作用域版本。

Answer 2

或者你CA直接使用

$('#myform .otherclass').css({color: 'red'}) 

您可以添加也使用上面了Syntex事件處理程序。例如，

$('#myform .otherclass').click(function(){ 
// Some code 
}) ; 

Answer 3

方法來瀏覽下降DOM層次方法說明

兒童（） - 選擇所有jQuery對象中的元素的的兒童

兒童（選擇器） - 選擇所有元素的匹配選擇器並且是jQuery對象中元素的子元素

contents（） - 返回jQuery對象中所有元素的子元素和文本內容

查找（） - 選擇在jQuery的元素的後代對象

查找（選擇器），找到（HTML元素），找到（HTML元素[]） - 選擇選擇器匹配，並且是的後代，所述元件在jQuery對象找到 元件（jQuery的）

或

的關係選擇器選擇器描述

選擇器選擇器 - 選擇所述第二選擇器匹配，並且爲各元素的後代MATC的元件由第一選擇器

選擇建置>選擇 - 選擇所述第二選擇器匹配，並且是由所述第一選擇器

選擇+選擇器相匹配的元素的孩子的元素 - 選擇所述第二選擇器匹配並且是該元件下一個兄弟到第一選擇

選擇〜選擇相匹配的元素 - 選擇第二個選擇，第一選擇