https://github.com/weisjohn/jquery-tree-manipulator
A depth-first walker for manipulating an arbitrary DOM tree.
https://github.com/weisjohn/jquery-tree-manipulator
Last synced: 9 months ago
JSON representation
A depth-first walker for manipulating an arbitrary DOM tree.
- Host: GitHub
- URL: https://github.com/weisjohn/jquery-tree-manipulator
- Owner: weisjohn
- License: mit
- Created: 2014-03-24T17:59:45.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2015-02-05T06:54:09.000Z (over 11 years ago)
- Last Synced: 2025-02-24T02:06:22.413Z (over 1 year ago)
- Homepage: http://weisjohn.github.io/jquery-tree-manipulator/
- Size: 168 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
jquery-tree-manipulator
=============
a depth-first walker for manipulating an arbitrary DOM tree
`jquery-tree-manipulator` was born out of a need to integrate with http://blog.yesmeck.com/jquery-jsonview/ without rebuilding the whole thing.
[Demo](http://weisjohn.github.io/jquery-tree-manipulator/)
### usage
`sample.html`:
```html
-
foo
-
-
bar
- bat
- baz
- bin
-
- cat
```
`sample.js`:
```javascript
$(".tree").treeManipulator({
structure: "> ul > li",
opened: ".collapser:contains('-')",
closed: ".collapser:contains('+')"
});
```
`jquery-tree-manipulator` requires you tell it how to traverse your tree. You must provide three selectors for it to know how to traverse, open, and close the DOM nodes.
You can then invoke the `close` and `open` methods on the plugin, optionally passing a `depth` limit as an argument, such as:
```javascript
// close all nodes
$(".tree").treeManipulator('close');
// open the first level
$(".tree").treeManipulator('open', 1);
```