jqueryでhref経由でタグを選択する方法

Question

私はすでにそれについて検索しました。しかし、それは他の問題と同じではありません。私が欲しいのは、href属性を使って<a>タグを選択することです。 href属性を介した選択が正常に動作している

<div class="jump-to"> 
    <ul> 
    <li>No a</li> 
    <li class="with-a"> 
     <a href="hello1">Has a</a> 
    </li> 
    <li class="with-a"> 
     <a href="hello8">Has a</a> 
    </li> 
    <li class="with-a"> 
     <a href="hello10">Has a</a> 
    </li> 
    </ul> 
</div> 

var current_anchor = window.location.href; 
var left_anchor = $(".jump-to ul li.with-a a[href="+ current_anchor +"]").prev("li a").attr("href"); 

alert(left_anchor); 

Answer 1

：以下の私のコードを参照してください。問題は、DOMのトラバーサルが正しくないためです。

prev('li a')はから有効ではありません。liは兄弟ではありません。

var current_anchor = 'http://localhost/myproject/hello8'; 
 
var left_anchor = $('.jump-to ul li.with-a a[href="' + current_anchor + '"]').closest('li').prev('li').find('a').attr('href'); 
 
console.log(left_anchor);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="jump-to"> 
 
    <ul> 
 
    <li>No a</li> 
 
    <li class="with-a"> 
 
     <a href="http://localhost/myproject/hello1">Has a</a> 
 
    </li> 
 
    <li class="with-a"> 
 
     <a href="http://localhost/myproject/hello8">Has a</a> 
 
    </li> 
 
    <li class="with-a"> 
 
     <a href="http://localhost/myproject/hello10">Has a</a> 
 
    </li> 
 
    </ul> 
 
</div>