将“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);