Fatal编程技术网

Javascript 使用jquery获取父UL

javascript jquery html

Javascript 使用jquery获取父UL,javascript,jquery,html,Javascript,Jquery,Html,我试图在最近的/父ul中获得特定的li元素，但是，我似乎无法使其工作。它仅在div位于li元素内时才起作用 <ul> <li>Test 1</li> <li>Test 2</li> <li>Test 3</li> </ul> <div> <a id="a_test" href="#" onclick="Javascript:get_li(this);">Test

我试图在最近的/父ul中获得特定的li元素，但是，我似乎无法使其工作。它仅在div位于li元素内时才起作用

<ul>
  <li>Test 1</li>
  <li>Test 2</li>
  <li>Test 3</li>
</ul>
<div>
  <a id="a_test" href="#" onclick="Javascript:get_li(this);">Test</a>
</div>

function get_li(oElement) {

  console.log("ul", $(oElement).parent("ul").find("li")[0]);

}

    

  • 测试1
    • 

  • 测试2
    • 

  • 测试3
    • 


函数get_li（oElement）{
console.log（“ul”，$（oElement）.parent（“ul”）.find（“li”）[0]）；
}
您的代码不起作用，因为
div
不在
ul
之下，所以
div
不是
ul
的孩子，而是您的
ul
和
div
都是兄弟姐妹。这意味着这两个元素具有相同的父元素。因此，首先找到
div
的父级，现在在该父级中找到
ul
。下面是示例

$（oElement）.closest（'div'）.parent（）.find（“ul li”）[0]
$（'a#u测试'）。单击（函数（）{
var text=$（this.parent（）.prev（'ul'）.find（'li:n第n个子（1）'）.text（）
警报（文本）
})


    

  • 测试1
    • 

  • 测试2
    • 

  • 测试3
    •
工作起来很有魅力！如果div的父级中存在其他
UL
，则需要在该情况下指定UL