我基本上使用jquery treeview插件http://bassistance.de/jquery-plugins/jquery-plugin-treeview/它没有搜索功能 - 我解决了 - 但一旦我找到项目我也必须打开整个树视图 - 我只能通过遍历树来完成。所以下面的问题我有:jQuery遍历无序列表/树视图
可以说我有以下UL
<ul id="mainlist" class="level1">
<li>
<div class="hitarea a1"></div>
<div class="b1"></div>
</li>
<li>
<div class="hitarea a2"></div>
<div class="b1"></div>
</li>
<li>
<div class="hitarea a3"></div>
<div class="b1"></div>
<ul class="level3">
<li>
<div class="hitarea a4"></div>
<div class="b1"></div>
<ul class="level2">
<li>
<div class="hitarea a5"></div>
<div class="b1"></div>
</li>
<li>
<div class="hitarea a6"></div>
<div class="b1"></div>
</li>
<li>
<div class="hitarea a7"></div>
<div class="b1"></div>
</li>
</ul>
</li>
<li>
<div class="hitarea a8"></div>
<div class="b1"></div>
</li>
<li>
<div class="hitarea a9"></div>
<div class="b1"></div>
</li>
</ul>
</li>
</ul>
什么,我想是这样的:
,如果我与类“hitarea A5”的DIV点击我要获得所有以前的元素(div)与类“hitarea” - 以便我可以手动应用.click()以打开它们。这将是以下几点:
- hitarea A4
- hitarea A3
随着我得到只有第一个上一个(hitarea A4)以下:
$("#mainlist .a5").parent().prev('.hitarea')
但我想要所有以前的a4和a3 ....直到达到UL的根。
prevAll也没有帮助。
========================== 解决方案 ================= =======================
对于任何在jquery treeview插件(http://bassistance.de/jquery-plugins/jquery-plugin-treeview/)中寻找搜索功能的人来说,以下是我对开源社区(@ arun-p-johny)。他们可能希望包括在某种程度上代码:
<style>
#search-bottom-div {
z-index: 999;
position: absolute;
background: #FFF;
padding: 5px;
width: 220px;
border: 1px solid #CCC;
left: 125;
top: 27;
min-height: 50px;
display: none;
color: #000;
}
</style>
<div style="float:left;">
<input placeholder="Suchen" id="searchtreeitem" name="searchtreeitem"/>
</div>
<div id="search-bottom-div">
<div id="search-bottom-div-content"></div>
<div id="search-bottom-div-close" style="text-align:right;text-decoration:underline;cursor:pointer;"><br/><br/>Close</div>
</div>
$('#searchtreeitem').keyup(function(e) {
textval = $(this).val();
$("#search-bottom-div-content").empty();
$("#search-bottom-div").show();
foundItems = $("#mainList").find("span:Contains("+textval+")");
$.each(foundItems, function(index, value) {
$("#search-bottom-div-content").append($(value).clone()).append("<br/>");
});
});
$("#search-bottom-div-content span").live("click", function() {
foundClass = $(this).attr("class");
$("#mainList ."+foundClass).click();
var $this = $("#mainList ."+foundClass);
$lis = $this.parentsUntil('#mainList', 'li');
$hitareas = $lis.children('.hitarea').not(this);
$.each($hitareas, function(index, value) {
if($(value).next('.orgeinhItem').find('.toporg').length == 0){
$(value).click();
}
});
$("#searchtreeitem").val("");
$("#search-bottom-div").hide();
});
$("#search-bottom-div-close").live("click", function() {
$("#searchtreeitem").val("");
$("#search-bottom-div").hide();
});
jQuery.expr[':'].Contains = function(a, i, m) {
return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};
是[这](http://jsfiddle.net/3BGrN/10/)你是什么意思? – billyonecan