將「this」應用於子元素

Question

我不想爲每個元素的ID重複一個函數，而是使用「this」來調整內部元素的CSS。例如，這是我得到了多少（不起作用）。

$(".parent").hover(function() { 
$("this").find(".child").css("height","150px") 
}); 

如何成爲一個更高效的編碼器並使用「this」？

Answer 1

從「this」中刪除引號，它會起作用。一個常見的錯誤:)

代碼這樣的：

$(this).find(".child").css("height","150px") 

Answer 2

將其更改爲

$(".parent").hover(function() { 
     $(this).find(".child").css("height","150px") 
}); 

所以不存在任何報價。

Answer 3

繼承人不需要jQuery的一個解決方案：

someElement.addEventListener('mouseover', function(e) { 
    var children = Array.prototype.slice.call(e.target.children); 

    children.forEach(function(child) { 
     child.style.height = '150px'; 
    }); 
}, false);