Хм... у меня про сервер мыслей не возникло, хотя вариант
2
Tim, почему бы и не поделиться?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.2.6.js" ></script>
<script type="text/javascript">
<!--
function filterList() {
var context = document.getElementById('start');
var lis = context.getElementsByTagName('LI');
for (var i=0, l=lis&&lis.length; i<l; i++) {
var chldLi = lis[i].firstChild;
var a2del = [];
var need_clean = false;
while (chldLi) {
if (chldLi.nodeName=='UL') need_clean = true;
else if (chldLi.nodeName=='A') a2del.push(chldLi);
chldLi = chldLi.nextSibling;
}
if (need_clean) {
for (var j=0, m=a2del.length; j<m; j++) {
lis[i].insertBefore(document.createTextNode(a2del[j].innerHTML), a2del[j]);
lis[i].removeChild(a2del[j])
}
}
}
return false
}
//-->
</script>
</head>
<body>
<ul id="start">
<li>
<a href="#">text1</a>
<div>
<ul>
<li><a href="#">subtext3</a></li>
<li><a href="#">subtext4</a></li>
</ul>
</div>
</li>
<li>
<a href="#">text2</a>
<ul>
<li><a href="#">subtext3</a></li>
<li><a href="#">subtext4</a></li>
</ul>
</li>
<li><a href="#">text3</a></li>
<li><a href="#">text4</a></li>
</ul>
<button onclick="filterList()">Filter</button>
</body>
</html>