jquery新手问题4 ① 如何获取$(this)的同级下两个元素?next()只能获取一个。② 两个jquery对象如何合并为一个jquery对象?比如$("div.a")和$("p.b")。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"></style><script src="jquery-1.3.2.js"></script><script>$(document).ready(function(){ $("#test").click(function(){ var t1 = $(this).next().text(); var t2 = $(this).next().next().text(); alert(t1); alert("t2=="+t2); });});</script></head><body> <div id="all"> <div class="test" id="test">aaaaa</div> <div class="test">bbbbb</div> <div class="test">ccccc</div> <div class="test">ddddd</div> </div></body></html>2.两个对象不能合成一个对象,只能在一个大的对象下的小(子)对象可以比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"></style><script src="jquery-1.3.2.js"></script><script>$(document).ready(function(){ $("#test").click(function(){ var t1 = $(this).next().text(); var t2 = $(this).next().next().text(); alert(t1); alert("t2=="+t2); }); var id = $("#div a").parent().parent().attr("id"); alert("id=="+id) var id1 = $("p b").parent().parent().attr("id"); alert("id1==="+id1)});</script></head><body> <div id="all"> <div class="test" id="test">aaaaa</div> <div class="test">bbbbb</div> <div class="test">ccccc</div> <div class="test">ddddd</div> </div> <div id="main"> <div id="div"> <a href="http://www.baidu.com">百度</a> </div> <p> <b>hi</b> </p> </div></body></html>这样算是合并了 谢谢您的回答,但不是我想要的。可能我的问题描述的不够清楚,我再说的细一点。① 如何获取$(this)的同级下N个元素? next()只能获取一个。next().next().next()同样是换汤不换药。② jquery对象的合并方法?就拿1楼的例子来说,我如何用一个$(""),同时获得$("#div a")和$("p b")? $(this).siblings(); 是可以获得this同级的所有元素 1) $(this).next('*')slice(0, 2)2)$("#div a ,p b") 谢谢5楼!小小修正一下:1) $(this).nextAll('*')slice(0, 2) 再修正:1) $(this).nextAll().slice(0, 2) 菜鸟 Jquery 获得 当前元素 关于styleSheets和styleSheet对象的问题 JavaScript闭包实例:提示对象不支持该属性或方法 extbuilder插件无法正常工作?? js中判断字符串是否相等? 如何从A网站传递一个值给B网站?,内详 请教!!! 点击一个按钮,如何让一个<div id=a>……</div>隐藏或显现? 如何实现网页加载通过加载组件,探测是否有U盘并访问U盘内的程序 ajax异步调用封装成一个公用的方法,调用时如何等它执行完毕后再执行其它语句或方法 JavaScript程序暂停问题 js给控件赋值问题!!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
$("#test").click(function(){
var t1 = $(this).next().text();
var t2 = $(this).next().next().text();
alert(t1);
alert("t2=="+t2);
});
});
</script></head>
<body>
<div id="all">
<div class="test" id="test">aaaaa</div>
<div class="test">bbbbb</div>
<div class="test">ccccc</div>
<div class="test">ddddd</div>
</div>
</body>
</html>
2.两个对象不能合成一个对象,只能在一个大的对象下的小(子)对象可以比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
$("#test").click(function(){
var t1 = $(this).next().text();
var t2 = $(this).next().next().text();
alert(t1);
alert("t2=="+t2);
});
var id = $("#div a").parent().parent().attr("id");
alert("id=="+id)
var id1 = $("p b").parent().parent().attr("id");
alert("id1==="+id1)
});
</script></head>
<body>
<div id="all">
<div class="test" id="test">aaaaa</div>
<div class="test">bbbbb</div>
<div class="test">ccccc</div>
<div class="test">ddddd</div>
</div>
<div id="main">
<div id="div">
<a href="http://www.baidu.com">百度</a>
</div>
<p>
<b>hi</b>
</p>
</div>
</body>
</html>这样算是合并了
可能我的问题描述的不够清楚,我再说的细一点。① 如何获取$(this)的同级下N个元素? next()只能获取一个。next().next().next()同样是换汤不换药。
② jquery对象的合并方法?就拿1楼的例子来说,我如何用一个$(""),同时获得$("#div a")和$("p b")?
2)$("#div a ,p b")
小小修正一下:
1) $(this).nextAll('*')slice(0, 2)
1) $(this).nextAll().slice(0, 2)