jqueryを使用してoutter親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>

あなたはその後、その後、.find()

Answer 2

divがul下にないので、あなたのコードは動作しませんのでdivはulが、あなたulとdivある兄弟両方の子ではありません。これは、これらの要素の両方が同じ親を持つことを意味します。最初にdivの親を見つけて、今度はこの親の中にulを見つけてください。以下のサンプル

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