关于$。,。parent(节点)和javascript中的节点的问题

时间:2011-01-16 11:35:37

标签: javascript jquery

以下是jstree,http://www.jstree.com/代码的一部分。

我有一些关于这个javascript / jquery的问题。 (实际上几乎都是)

$('#pages-wrapper').tree({
callback:{
"onchange":function(node,tree){
document.location='pages.php?action=edit&id='+node.id.replace(/.*_/,'');
},
"onmove":function(node){
var p=$.tree.focused().parent(node);
var new_order=[],nodes=node.parentNode.childNodes;
for(var i=0;i<nodes.length;++i)new_order.push(nodes[i].id.replace(/.*_/,''));
$.getJSON('/ww.admin/pages/move_page.php?id='+node.id.replace(/.*_/,'')+
'&parent_id='+(p==-1?0:p[0].id.replace(/.*_/,''))+'&order='+new_order);
}

Q1。 var p = $。tree中的$是什么?

Q2。什么是.parent(节点)引用?

Q3。是这行,var new_order = [],nodes = node.parentNode.childNodes;同时删除两个变量?什么是node.parentNode.childNodes呢?

提前致谢。

以下是其他代码。

html如下

<div id="pages-wrapper">
<ul>
<li id="page_24">
<a href="pages.php?id=24"><ins>&nbsp;</ins>Home</a>
</li>
<li id="page_25">
<a href="pages.php?id=25"><ins>&nbsp;</ins>Second Page</a>
</li>
<li id="page_30"><a href="pages.php?id=30"><ins>&nbsp;</ins>Information</a>
     <ul>
     <li id="page_31"><a href="pages.php?id=31"><ins>&nbsp;</ins>Illustration</a></li>
     </ul>
</li>
....
.... 

move_page.php

require '../admin_libs.php';// this one does all the db queries

$id=(int)$_REQUEST['id'];
$to=(int)$_REQUEST['parent_id'];
$order=explode(',',$_REQUEST['order']);
dbQuery("update pages set parent=$to where id=$id");
for($i=0;$i<count($order);++$i){
 $pid=(int)$order[$i];
 dbQuery("update pages set ord=$i where id=$pid");
 echo "update pages set ord=$i where id=$pid\n";
}

1 个答案:

答案 0 :(得分:3)

  

var p = $。tree中的$是什么?

$是流行的javascript框架jQuery,原型等使用的辅助对象。

$.tree指的是在某处定义的扩展tree

  

什么是.parent(节点)引用?

看起来它找到当前所选节点的父节点,以了解传递给php脚本的parentID。 (您需要告诉我们您正在使用的树框架...)

  

是这行,var   NEW_ORDER = [],节点= node.parentNode.childNodes;   同时删除两个变量   时间?

是的,它在同一行宣布2个单独的变量,这是legel Javascript。

  

什么是   node.parentNode.childNodes在做什么?

它获取所选当前节点的兄弟元素列表。