1. jquery如何取同级元素的子级
jquery中同级元素即兄弟元素用siblings()获取,子级元素用children()获取,所以可以使用如下代码取同级元素的子级:
js">$('selector').siblings().children();
示例代码:
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
<style>
div{padding:10px;margin:10px;}
div.xiyouji{width:250px;height:200px;border:4pxsolidgreen;}
div.sun-niu{border:4pxsolidred;}
div.sun-niudiv{border:2pxsolidblue;}
</style>
<script>
$(function(){
$("div.sun-niu").click(function(){
nephew=$(this).siblings().children().text();
if(nephew)
option=nephew;
else
option="没有侄子";
alert(option);
});
})
</script>
</head>
<body>
<divclass="xiyouji">
<divclass="sun-niu">
孙悟空
</div>
<divclass="sun-niu">
牛魔王
<div>红孩儿</div>
</div>
</div>
</body>
</html>
显示效果:
点击孙悟空后,就显示了同级的子级元素,也就是他侄子红孩儿。
2. javascript如何调用同一域中的其它网页中的元素例如使用getElementById、getElementsByTagName
在定义变复量时前面不制要加任何修饰符,这样的话这个变量就成了全局变量它里面保存的内容也会被全局所共享。比如说:
A页面
ElementA = Document. getElementById("A");
在B页面
alert(ElementA.innerHtml);
ElementA在被浏览器加载后,一直保存在内存中,可以被共享访问。
但是你说的通过方法获取别的页面的内容是不可行的,因为页面跳转以后,那个页面实际上已经被销毁了,你是无法再访问到了,这是Http的特性。
3. javascript选择同级下一元素
为什么要这么做?不可以外面加个div来方便定位么?比如:
<div class="panel">
<input id="test" value="value" name="name"/>
<label for="test">…………</label>
</div>
$(".panel label") 这样子来选?
4. 我点击当前 标签 获取和它平级的下一个标签 也就是它身后的标签 js 怎么获取
nextSibling 属性可返回某个元素之后紧跟的元素(处于同一树层级中)。
如果无此节点,则属性返回 null。
与其相反的是previousSibling
语法:nodeObject.nextSibling
<div id="div1" onclick="onclk(this)"> </div>
<div class="d1"> </div>
<div id="div1" onclick="onclk(this)"> </div>
<div class="d2"> </div>
<script>
function onclk(nowEle){
var nextEle = nowEle.nextSibling;
alert(nextEle.className);
}
5. js中如何选择同一级别的元素,但不是兄弟元素
我的思路是:
var rank = $(elem).parents().length; // 获取元素等级
var sibling = $("body > * > * …… > *"); // 获取同级元素,星号的数量应该等于 rank - 2
大概思路就是这样了,具体的还需要你自己研究研究。
6. js如何获取兄弟元素的value
简单来看,两种,一种直接根据classname或者Id去获取对应的元素拿到你要的值;回
第二种通过定位当前元素,然后通答过获取兄弟节点的方式去获取,相关法请自行查阅资料,一查一大把,自己查出来的才能留下更深的印象
7. js怎么获取除本身之外所有相同类名的元素
<body>
<inputtype='button'class="click_update"value='我是第一个'/>
<inputtype='button'class="click_update"value='我是第二个'/>
<inputtype='button'class="click_update"value='我是第三个'/>
<inputtype='button'class="click_update"value='我是第四个'/>
</body>
<script>
vara=$(".click_update");
for(vari=1;i<=a.length-1;i++){
alert(a[i].value);
}
</script>
8. 请赐教:点击某元素时,js获取同辈元素的值
functioncheckuser(a){
varf=a.parentNode;
while(f.tagName!="FORM")f=f.parentNode;
alert(f["id"].value);
}
9. javascript 如何获取所有有某一相同属性的元素
var studentList = [{
name: "a",
age: 17
}, {
name: "b",
age: 18
}, {
name: "c",
age: 19
}, {
name: "d",
age: 20
}, {
name: "e",
age: 18
}];
function displayStudentType(nianlin) {
for (var i = 0; i < studentList.length; i++) {
var si = studentList[i];
if (si.age == nianlin) {
console.log(si.name);
}
}
}
displayStudentType("17");
displayStudentType("18");
10. jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点
$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
(10)js获取同级的其他元素扩展阅读
1、jquery 获取元素(父节点,子节点,兄弟节点)
$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子节点
$("#test").children("#test1");
$("#test").contents(); // 返回#test里面的所有内容,包括节点和文本
$("#test").contents("#test1");
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2");
$("#test").find("#test1");
2、元素筛选
// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素
$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)
$("ul li").first(); // 选取ul li中匹配的第一个元素
$("ul li").last(); // 选取ul li中匹配的最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素