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');
});