如何用Jquery获取某一个Div的Class或者ID

如何用Jquery获取某一个Div的Class或者ID,第1张

首先,要用jquery获取到这个元素,用attr方法可以输出这个元素的标签属性。例如:

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素,有很多种获取元素方法,可参考jquery的文档。

$('#id1')attr('id'),就是获取到ID

$('#id1')attr('class'),就是获取到整个的class样式,多个样式可以自行用空格split一下。

jQuery 获取 div 之间的内容,有两种方法,$(selector)text()、$(selector)html() 。

html:

<div>

<p>test</p>

</div>

$("div")text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。

$("div")html() 得到的是 <p>test</p>,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的 *** 作 。

思路:通过id可以获取到<div>对象,通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id: 1、HTML结构 <div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/> <input type='button' value='获取div的自定义属性' onclick="fun()"/> 2、javascript代码 function fun(){ obj = documentgetElementById("test"); alert(objgetAttribute("user_id")) } 3、点击按钮后效果

<script type="text/javascript">

windowonload=function(){

//你必须给div设置id

var kk=documentgetElementById("在这填写div的id");

if(kkinnerHTML=="1"){

alert("div中的内容是1");

}else if(kkinnerHTML=="2"){

alert("div中的内容是2,我们可以把他设为其他值");

kkinnerHTML='<a href="#">我在里面放个链接</a>';

}

}

</script>

以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容,包括:如何用Jquery获取某一个Div的Class或者ID、jquery如何获取<div></div>之间的内容、js如何获取写在<div>里面的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存