87,997
社区成员
发帖
与我相关
我的任务
分享jQuery获取同属性的元素
<!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>
</head>
<body>
<table class="mchart" width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td class="listhdrr">栏目名称</td>
<td class="listhdrr">顺序调整</td>
<td class="listhdrr">栏目文件夹名称</td>
<td class="listhdrr">主页显示</td>
<td class="listhdrr">应用模板</td>
<td class="listhdrr">操作</td>
</tr>
<tr main=31 menu="main1" >
<td><span>|-- </span>方案1</td>
<td><a class="img_up" href="javascript:void(0);" id="1">下移</a></td>
<td>project</td>
<td><a style="display:block;" id="s_31" href="javascript:void(0);" show=0 >是</td>
<td>child.tpl</td>
<td><a href="manage_menu_edit.php?editMenu=31">修改</a> | <a class="btn" onclick="sureDel('manage_menu.php?delMenu=31')">删除</a> </td>
</tr>
<tr main=30 menu="main2" >
<td><span>|-- </span>资讯2</td>
<td><a class="img_up" href="javascript:void(0);" id="2">下移</a></td>
<td>information</td>
<td><a style="display:block;" id="s_30" href="javascript:void(0);" show=0 >是</td>
<td>child.tpl</td>
<td><a href="manage_menu_edit.php?editMenu=30">修改</a> | <a class="btn" onclick="sureDel('manage_menu.php?delMenu=30')">删除</a> </td>
</tr>
<tr child=30>
<td><span>|--|-- </span>公司新闻</td>
<td> </td>
<td>news</td>
<td><a style="display:block;" id="s_32" href="javascript:void(0);" show=0 >是</td>
<td>child.tpl</td>
<td><a href="manage_menu_edit.php?editMenu=32">修改</a> | <a class="btn" onclick="sureDel('manage_menu.php?delMenu=32')">删除</a> </td>
</tr>
<tr main=27 menu="main0" >
<td><span>|-- </span>产品0</td>
<td><a class="img_up" href="javascript:void(0);" id="0">下移</a></td>
<td>product</td>
<td><a style="display:block;" id="s_27" href="javascript:void(0);" show=0 >是</td>
<td>child.tpl</td>
<td><a href="manage_menu_edit.php?editMenu=27">修改</a> | <a class="btn" onclick="sureDel('manage_menu.php?delMenu=27')">删除</a> </td>
</tr>
<tr child=27>
<td><span>|--|-- </span>防火墙</td>
<td> </td>
<td>firewall</td>
<td><a style="display:block;" id="s_29" href="javascript:void(0);" show=0 >是</td>
<td>child.tpl</td>
<td><a href="manage_menu_edit.php?editMenu=29">修改</a> | <a class="btn" onclick="sureDel('manage_menu.php?delMenu=29')">删除</a> </td>
</tr>
</table>
</body>
</html>
上面代码中，如果点击第一个“下移”，如何获取与父级<tr menu='main1'>同样具有menu属性的<tr>,即获取到<tr menu='main2'>。当点击最后一个"下移"时，获取到<tr menu='main1'>对象？
...全文
请发表友善的回复…
发表回复
fzfei2 2013-09-24
- 打赏
- 举报
<a class="img_up" href="javascript:move(this);" id="1">下移</a>
JS:
function move( a ){
var tr=a.parentNode.parentNode;
alert( tr.id )
}
༺ཌༀཉི浮华背后༃ༀད༻ 2013-09-24
- 打赏
- 举报
3楼的代码：
点击：<td><span>|-- </span>资讯2</td>
<td><a class="img_up" href="javascript:void(0);" id="2">下移</a></td>
获取的是：
<td><span>|--|-- </span>公司新闻</td>
想要的是：<td><span>|-- </span>产品0</td>
<td><a class="img_up" href="javascript:void(0);" id="0">下移</a></td>
虽然和我想要的有差入，但是受到启发，搞定了，O(∩_∩)O谢谢
conanhhy 2013-09-24
- 打赏
- 举报
如果要调整顺序，只需在3楼的代码里加些逻辑即可
conanhhy 2013-09-24
- 打赏
- 举报
// 当点击下移
$("#1").bind("click", function() {
var currtr = $(this).parent().parent();
var nexttr = null;
// 获取下一个带有menu的TR
while(true) {
nexttr = currtr.next();
// 如果已经到尾部，则从第一个TR开始
if (typeof(nexttr) == "undefined" || nexttr == null) {
nexttr = $("table.mchart tr:eq(0)");
}
if (nexttr.attr("menu") != undefined || nexttr.attr("menu") != "") {
break;
}
}
});
༺ཌༀཉི浮华背后༃ༀད༻ 2013-09-24
- 打赏
- 举报
我再描述一下：
1、
点击： <tr main=27 menu="main1" >中的<a class="img_up" href="javascript:void(0);" id="1">下移</a>
获取： <tr main=27 menu="main2" >对象
2、
点击： <tr main=27 menu="main2" >中的<a class="img_up" href="javascript:void(0);" id="2">下移</a>
获取： <tr main=27 menu="main0" >对象
3、
点击： <tr main=27 menu="main0" >中的<a class="img_up" href="javascript:void(0);" id="0">下移</a>
获取： <tr main=27 menu="main1" >对象
总结：实现可以调整tr的顺序
