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