2014-10-26 62 views
-3

我如何從href屬性a標籤中提取文本,當我а裏面h4從href屬性提取文本<a>元素

我有這樣的事情:

<h4><a href="http://google.com">Search</h4> 
<h4><a href="http://yahoo.com">Search2</h4> 

而且我希望有這樣的事情:

http://google.com 
http://yahoo.com 

什麼是實現這一目標的最簡單的方法?

+0

你怎麼打算得到這個信息?例如,當頁面加載時是否需要每一個,點擊時只需要一個,等等。 – ps2goat 2014-10-26 19:45:37

+0

類似於:'$('a')。attr('href')'?你是否設法至少做了一些搜索或閱讀jQuery的**基礎**?在互聯網上有類似的問題有成千上萬的答案! – trejder 2014-10-26 19:45:41

+0

你看起來像一些其他孩子在這裏幾乎相同的東西,幾個小時後發佈相同的東西:) – webeno 2014-10-26 19:45:55

回答

0

首先,你必須糾正你的HTML,a元素應該始終被關閉,否則你會在你的JS得到意想不到的效果。

$(function() { 
 
    $('h4>a[href]').each(function() { 
 
    $(this).parent().replaceWith(this.href); 
 
    $(this).remove(); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h4><a href="http://google.com">Search</a></h4> 
 
<h4><a href="http://yahoo.com">Search2</a></h4>

0

你可以得到hrefattr

$("h4 a").each(function() { 
    alert($(this).attr('href')); 
}); 
-1

嘗試使用此代碼:

var arr = []; 
$(function(){ 
    $("h4 a").each(function() { 
     arr.push($(this).attr('href')); //<- Add href in array for further use 
    }); 
    console.log(arr); 
}); 
0

你的HTML也是不正確的。您沒有在代碼中關閉錨標籤。

我想這就是你要找的。

HTML代碼 -

<h4><a href="http://google.com">Search</a></h4> 
<h4><a href="http://yahoo.com">Search2</a></h4> 

jQuery代碼 -

$('h4').replaceWith(function() { 
    return $('h4 a').attr('href'); 
}); 

工作小提琴 - http://jsfiddle.net/Ashish_developer/szr2pjnb/