尝试使用 "this" 从具有 jQuery 函数的锚点访问 div

Question

我正在尝试为 link 标签内的 div 制作动画。

HTML:

<li><a href="#">INFO <div></div></a></li>

我正在使用这样的 jQuery 函数来确定正在与哪个 link 进行交互。

function slideMenu(e) {

  if(e.type === "mouseover"){
    console.log("mouseover");
    //console.log(this > bgColor);

    // TweenMax.to($(this > div) , 1, {height:200});
  }
  else if(e.type === "mouseout"){
    console.log("mouseout");
  }
  else if(e.type === "click"){
    console.log("click");
  }

}

$(".menu a").click(slideMenu);

$(".menu a").mouseover(slideMenu);

$(".menu a").mouseout(slideMenu);

我正在尝试使用 greensock 并抓住锚标记内的 div 并更改高度，但它似乎并没有让我访问该 div 标记。

Answer 1

@evolutionxbox 将答案放在评论中，使用：

$(this).find('> div')

确保 .menu class 在 <a> 元素的父元素中

Answer 2

div 是与 $(this) 绑定的元素的子元素。
您可以使用 .find() 来定位它。

$("a").on("click",function(e){
  e.preventDefault();
  $(this).find("div").html("I'm here!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li><a href="#">INFO <div>Click me.</div></a></li>
</ul>

Answer 3

如果可能的话，您可以简单地向那个 div 添加一个 ID 并以这种方式找到它。

如果没有，您可以使用 .children('div')

尝试使用 "this" 从具有 jQuery 函数的锚点访问 div

Trying to access a div from an anchor with a jQuery function using "this"

html

javascript

jquery

gsap