如何使用jquery来提取一个html 标记的属性 例如.链接的href的值

可以通过$("对象")attr("href");这样获取。 attr是一个jquery自带获取对应属性的方法，在attr()里面输入任意的标签里面的属性的，都可以获取到值。

希望我的回答对楼主有帮助，不懂可以继续追问。

用jQuery自带方法/函数来获取outerHTML属性的方法：

1、定义方法outerHTML：

jQueryfnouterHTML = function(s) {

return s

thisbefore(s)remove()

: jQuery("<p>")append(thiseq(0)clone())html();

};

2、使用举例：

有如下html标签：<div id="xxx"><p>Hello World</p></div>获取Hello World的方法：

outerHTML('<p>Hello World</p>');

3、输出结果：

Hello World

如你所说的，有很多个A标签，那么你所写的A标签就不能用ID来进行识别，如果你想识别那么一部分的A标签，最好是用class，比如：点击这样，JQ绑定事件可以这样写$("aclick")click(function(){

$("#divid")find("input")val($(this)attr("name"))show();})具体你的div想要怎么d出来，那就要另外说了，但是要获取点击的那个A标签上的name，只要在点击事件中用$(this)attr("name")就可以获取到了。

语句函数：val()；

假设一个input代码：

JS代码如下：

运行结果：

扩展资料：

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

使用函数设置 Value 属性的值:

$(selector)val(function(index,oldvalue))

规定返回要设置的值的函数：

index - 可选。接受选择器的 index 位置。

oldvalue - 可选。接受选择器的当前 Value 属性。

参考资料：

jquery--val()

$("select option:selected")attr("自定义属性名");

//自定义属性名称前加data- 这样更符合html5的规范，例如

<option data-name="hi">XXX</option>,这样可以使用另一种方法获取自定义属性的值

$("select option:selected")data("name");//这样可以获取到上面data-name的值

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

1

2

$("input:text")attr("name");

$("input:text")prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

1

2

3

4

5

6

7

<div class="box">

<span>点击按钮获取文本框的name属性值：</span>

<div class="content">

<input type="text" name="test" value="这个文本框的name属性值为test">

</div>

<input type="button" class="btn" value="获取文本框name值">

</div>

设置css样式

1

2

3

4

5

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:30px;border:none;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

1

2

3

4

5

$(function(){

$("input:button")click(function() {

alert($("input:text")attr("name"));

});

})

观察效果

以上就是关于如何使用jquery来提取一个html 标记的属性 例如.链接的href的值全部的内容，包括:如何使用jquery来提取一个html 标记的属性 例如.链接的href的值、怎样用jQuery自带方法/函数来获取outerHTML属性、jquery如何当点击A标签，能d出div，其div能够获取A标签属性值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！