使用 jquery 获取外部父 UL

Question

我试图在最近的/父 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]);

}

Answer 1

 $('#a_test').click(function() { var text = $(this).parent().prev('ul').find('li:nth-child(1)').text() alert(text) })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li>Test 1</li> <li>Test 2</li> <li>Test 3</li> </ul> <div> <a id="a_test" href="#">Test</a> </div>

您需要使用去锚父.parent()然后用获得UL .prev()然后使用查找li元素.find()

Answer 2

您的代码不起作用，因为div不在ul下，因此div不是ul的孩子，但您的ul和div都是兄弟姐妹。 这意味着这两个元素都有相同的父元素。 所以首先找到div的父级，然后在这个父级中找到ul 。 下面是示例

$(oElement).closest('div').parent().find("ul li")[0]