我如何從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
什麼是實現這一目標的最簡單的方法?
我如何從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
什麼是實現這一目標的最簡單的方法?
首先,你必須糾正你的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>
你可以得到href
attr
$("h4 a").each(function() {
alert($(this).attr('href'));
});
嘗試使用此代碼:
var arr = [];
$(function(){
$("h4 a").each(function() {
arr.push($(this).attr('href')); //<- Add href in array for further use
});
console.log(arr);
});
入住此的jsfiddle:http://jsfiddle.net/2bpyn7tp/1/
$.each($('h4 > a') , function(){
$('#result').append($(this).attr('href') + '<br>');
});
你的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');
});
你怎麼打算得到這個信息?例如,當頁面加載時是否需要每一個,點擊時只需要一個,等等。 – ps2goat 2014-10-26 19:45:37
類似於:'$('a')。attr('href')'?你是否設法至少做了一些搜索或閱讀jQuery的**基礎**?在互聯網上有類似的問題有成千上萬的答案! – trejder 2014-10-26 19:45:41
你看起來像一些其他孩子在這裏幾乎相同的東西,幾個小時後發佈相同的東西:) – webeno 2014-10-26 19:45:55