は<a>

2017-10-15 9 views
0

のすべてのhref属性の値を取得する方法は<a>

<ul> 
    <li class="demo"> 
     <a href="/chat/2"></a> 
    </li> 
    <li class="demo"> 
     <a href="/chat/3"></a> 
    </li> 
</ul> 

のすべてのhref属性の値を取得する方法どのように私はHrefのは1、配列内の値を属性得ることができますか?

+0

いくつかの他の質問のだまされやすい人のようになります。 https://stackoverflow.com/questions/7759823/jquery-get-the-href -attribute-for-html-of-a-section-of-html https://stackoverflow.com/questions/471606/get-all-hrefs-as-an-array-in-jquery 他にもいくつかあります。 – kmoser

+0

マークされた複製の[この回答](https://stackoverflow.com/a/14359001/519413)は、最高の投票ではなく、map()を使用するので、最高のものです。 –

答えて

0

var Arr=[]; 
 
$("li.demo").each(function(){ 
 
Arr.push($(this).find("a").attr("href")); 
 
}); 
 
console.log(Arr);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="demo"> 
 
     <a href="/chat/2"></a> 
 
    </li> 
 
    <li class="demo"> 
 
     <a href="/chat/3"></a> 
 
    </li> 
 
</ul>

+0

有用な場合はヘルプを確認してくださいその他 –

-1

let foo = document.getElementsByTagName("a"); 
 
console.log(foo) 
 
let my_array = []; 
 

 
for(let i=0;i<foo.length;i++) { 
 
    my_array.push(foo.item(i).href); 
 
} 
 

 
console.log(my_array)
<ul> 
 
    <li class="demo"> 
 
     <a href="/chat/2"></a> 
 
    </li> 
 
    <li class="demo"> 
 
     <a href="/chat/3"></a> 
 
    </li> 
 
</ul>

関連する問題