jquery 怎样获取一个元素的所有属性比如<div id="T" key='3321' val="234" pid="445"><d

获取对象后，调用如下方法：

function allPrpos(obj) {

// 用来保存所有的属性名称和值

var props = "";

// 开始遍历

for(var p in obj){

// 方法

if(typeof(obj[p])=="function"){

// obj[p]();

}else{

// p 为属性名称，obj[p]为对应属性的值

props+= p + "=" + obj[p] + ""t";

}

}

// 最后显示所有的属性

alert(props);

}

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选，获取label的文本

$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

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

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

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

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

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

alert($("label#userid")text());

});

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

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

上一个实例……这种畸形需求……条件太苛刻

建议根据属性值猜一个属性名，毕竟属性名是有限的，而且是有规律的

推荐方法如：$（[class="属性值"], [id="属性值"], [title="属性值"]）

如果是 data 数据，也可以进行遍历，或者转换成文本进行检索

JSONstringify($('#blog_nav_rss')data())match(/"([\w-]+)":"[^"]检索的内容[^"]"/g)

如果把网页文档转换成文本进行全文检索，效率低下，效果不好。$('body')html()match(/([\w-]+)="[^"]检索的内容[^"]"/g)

1JS方法：

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

for(var i=0;i<valength;i++){

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法：

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数：

documentgetElementById("id")childNodeslength  

注意： 标签开/闭合算2个节点 第几个子几点：

documentgetElementById("id")childNodes[n]  

示例：

这里是 length-4 处，margin-left：20px

输出：length=8

实例：

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

以上就是关于jquery 怎样获取一个元素的所有属性比如<div id="T" key='3321' val="234" pid="445"></div>全部的内容，包括:jquery 怎样获取一个元素的所有属性比如<div id="T" key='3321' val="234" pid="445"></div>、怎么使用jquery获得标签的值或元素的内容、jquery怎么根据属性值获取元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！