Javascript 从<;的href属性中提取文本;a>;要素

Javascript 从<;的href属性中提取文本;a>;要素,javascript,jquery,html,Javascript,Jquery,Html,当我在h4内有a时,如何从href标签的a属性中提取文本 我有这样的想法: <h4><a href="http://google.com">Search</h4> <h4><a href="http://yahoo.com">Search2</h4> http://google.com http://yahoo.com 实现这一点最简单的方法是什么?您可以获得hrefattr $("h4 a").each(functio

当我在
h4
内有
a
时,如何从
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
attr

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

首先,您必须更正HTML,
a
元素应该始终关闭,否则您将在JS中得到意外的结果

$(函数(){
$('h4>a[href]')。每个(函数(){
$(this.parent().replaceWith(this.href);
$(this.remove();
});
});

尝试使用以下代码:

var arr = [];
$(function(){
   $("h4 a").each(function () {
      arr.push($(this).attr('href')); //<- Add href in array for further use
   });
   console.log(arr); 
});
var arr=[];
$(函数(){
$(“h4 a”)。每个(函数(){
arr.push($(this.attr('href'));//检查此JSFIDLE:

$。每个($('h4>a'),函数(){
$(“#结果”).append($(this.attr('href')+”
); });
您的HTML也不正确。您的代码中没有关闭锚定标记

我想这就是你要找的

HTML代码-

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

工作小提琴-

您打算如何获取此信息?例如,当页面加载时,您是否希望每一个信息都显示出来,当它被点击时,您是否希望只显示一个信息,等等。例如:
$('a').attr('href'))
?你是否至少做了一些搜索或阅读了jQuery的基础知识?在互联网上有成千上万个这样的问题的答案!你看起来像是从这里的其他孩子那里得到了同样的教训,他们在几小时前发布了完全相同的东西:)
<h4><a href="http://google.com">Search</a></h4>
<h4><a href="http://yahoo.com">Search2</a></h4>
$('h4').replaceWith(function() {
    return $('h4 a').attr('href');
});