jQuery如果在所有同class的DIV下的点击其中一个DIV,如何获得这个DIV下的某个div?

jQuery如果在所有同class的DIV下的点击其中一个DIV,如何获得这个DIV下的某个div?,第1张

//页面加载
$(document)ready(function(){
//给所有的父类DIV添加事件
$('class_one')live('click', function() {
$(this)children()eq(1)css("display","none");
});
});
你在你的JS中加入这样一段话
它的意思是:点击父类时,找到父类下的第二个子集,给这个子集添加css样式
希望能对你有所帮助吧!

<script>
windowonload = function () {
var myDiv = documentgetElementById("myDiv");
var div_s = myDivgetElementsByTagName("div");

alert(div_slength);
}
</script>
<body>
<div id="myDiv" >
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
</body>

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料:编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素,代码实例如下:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
  body { font-size:16px; font-weight:bolder; }
  p { margin:5px 0; }
</style>
</head>
<body>
  <div>
    <span>Hello</span>
    <p class="selected">Hello Again</p>
    <div class="selected">And Again</div>
    <p>And One Last Time</p>
  </div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:$('#a')append($('#a div')eq(1)text());。

3、浏览器运行indexhtml页面,此时成功通过jquery挑选了id为a的div下面的第2个子div并打印了文本。

先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点
prev()
定义和用法
prev()
获得匹配元素集合中每个元素紧邻的前一个同胞元素,通过选择器进行筛选是可选的。
prev(selector)
参数描述
selector

字符串值,包含用于匹配元素的选择器表达式。
--说明:如果给定一个表示
DOM
元素集合的
jQuery
对象,prev()
方法允许我们在
DOM
树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的
jQuery
对象。
next()
定义和用法
next()
获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。
next(selector)
参数描述
selector

字符串值,包含用于匹配元素的选择器表达式。
--说明:如果给定一个表示
DOM
元素集合的
jQuery
对象,next()
方法允许我们搜索
DOM
树中的元素紧跟的同胞元素,并用匹配元素构造新的
jQuery
对象。
示例:

<!--HTML代码-->
<div id="div1">111</div>
div id="div2">222</div>
div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id,值为div1
$("#div2")next()attr("id"); //获取div2同级的下一个div的id,值为div3


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

原文地址: http://outofmemory.cn/yw/13377931.html

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

发表评论

登录后才能评论

评论列表(0条)

保存