jquery怎样获取html页面中的data

jquery怎样获取html页面中的data,第1张

To get the contents of the attribute data-id (like in <a data-id="123">link</a>) you have to use

$(this)attr("data-id") // will return the string "123"

or data() (if you use newer jQuery >= 143)

$(this)data("id") // will return the number 123

注:

1两种方法 ①使用attr方法获得data-的值 $(this)attr('data-id');② $(this)data("id")

2 data- 都可以使用 $(this)data(' ');获取,比如 data-cat ,使用$(this)data(cat)获取。

3只能使用中横线 ‘ - ’ !!

<script language="javascript" type="text/javascript">

<!--

function loadXMLDoc(){

    var xml;

网上找的,我没试,就是一个ajax读取,然后得到指定节点

如某元素的id为 oId

html方法获取:

var html = $("#oId")html(); //该方法获取内容包含元素内的标签

text方法获取:

var text= $("#oId")text(); /该方法获取内容不包含元素内的标签

如:

<script>

$(function(){

alert($("#oDiv")html());

alert($("#oDiv")text());

});

</script>

<div id="oDiv">name:<span>ligoudan</span></div>

依次 提示

name:<span>ligoudan</span> //html()获取

name:ligoudan //text()获取

用jquery的ajax类似的请求就可以了:比如:

$get("testphp", function(data){

alert("Data Loaded: " + data);

//拿到data以后就直接插入到指定的div里面,加入div id为tag

那么写法为$("#tag")append(data);

});

以上就是关于jquery怎样获取html页面中的data全部的内容,包括:jquery怎样获取html页面中的data、jquery如何读取另一个html文件内容、jquery的html怎么获取更新后的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10211800.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存