Jquery(JS)如何获取当前节点的HTML代码

Jquery(JS)如何获取当前节点的HTML代码,第1张

在jQuery中,想获取HTML代码的方法如下:

$(selected)html();

在JavaScript中,想获取HTML代码方法如下:

documentgetElementById(selected)outerHTML;

取得table中的input:

$('table input')

取得table中第一个input:

$('table input:eq(0)')

取得table中第一个input的value:

$('table input:eq(0)')val()

遍历table中的所有input,d出value:

$('table input')each(function(){

alert($(this)val());

});

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

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

alert("Data Loaded: " + data);

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

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

});

js获取data-的方式:

通过dataset属性访问

//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj"></div>

//js代码

var div = documentgetElementById("myDiv");

var appId = divdatasetappid;//获取data-appid的值

var myName = divdatasetmyname;//获取data-myname的值

//设置值

divdatasetappid = 456;

divdatasetmyname = "newname";

最终HTML结果 <div id="myDiv" data-appid="456" data-myname="newname"></div>

dataset属性的值是DOMStringMap的一个实例,名值对的映射。每个data-name形式的属性都有一个对应的属性,只不过该属性名没有data-前缀。

兼容性

需要注意的是,dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是datasetmyName的值。

以上就是关于Jquery(JS)如何获取当前节点的HTML代码全部的内容,包括:Jquery(JS)如何获取当前节点的HTML代码、jquery如何获取指定table的html,并且要包含input输入的值、jquery或js如何获取指定url的HTML等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9518639.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存