使用Jquery删除文本内容

时间:2012-01-30 12:36:23

标签: jquery html

我有一个jquery函数,可以使用 + - 按钮扩展和折叠div内容。

Here is an example on my website

在我的管理面板中,我在视频嵌入代码和php使用该链接列表创建零件系统之前写了一个链接列表。 我的问题是如何用jquery更改链接列表。 例如我的链接列表是:($ text)

http://link1
http://link2
http://link3
http://link4
http://link5
*http://link6
http://link7

包含*的链接是活动部分。现在6.Bölüm(第6部分)很活跃。 我只想删除link4之前的链接。我说4因为我想把*一个放在中间。 这很难但我不知道我能做什么;你能给我一些建议吗?

这里也是我的jquery代码。如果您愿意,可以使用它:

<script>     
$(function() {
    var cachedjQuery = $("#partsakla");
    var cachedEl = document.getElementById("partsakla");
    var cachedStyle = cachedEl.style;
    if ($("#partsaklasag").text().length > 1) {
        cachedStyle.visibility = "visible";
    }
    else{
        $("#partsakla").hide();
    }
    $("#collapse").click(function() {
        var elHeight = $("#partsakla").height();
        $("#partsakla").animate({ height: "22px" });
    });                
    var elHeight = $("#partsakla").height();
    $("#expand").click(function() {
        $("#partsakla").animate({ height: (elHeight) });
    });
    document.getElementById('collapse').click();                
});
</script>

我想在div折叠时删除链接list($text)。当有人点击展开按钮时,它会变为正常。可能吗?

1 个答案:

答案 0 :(得分:0)

看起来您的容器(partsakla)的展开/折叠工作正常。您只需要一种方法来选择哪些链接保持可见。所以像这样:

function get_active_link() {
   return $('#partsaklasag ul li.active');
}

// numberToShow should be an odd number
// removes the links we want to keep from the list so they stay visible
function get_links_around($list, $link, numberToShow) {
   var before, after, start, end,
       total   = numberToShow,
       $before = $link.prevAll(), 
       $after  = $link.nextAll(),
       curr    = $before.length,
       half    = (numberToShow-1)/2;

   if( before < half ) {
      after = numberToShow-1-before;
   }
   else if( after < half ) {
      before = numberToShow-1-after;
   }
   else {
      before = half;
      after = half;
   }

   start = curr-before;
   end = curr+after;

   return $list.filter(function(i, v) {
      return i >= start && i <= end;
   });

}

function collapse() {
   var $list = $('#partsaklasag ul li').hide();
   get_links_around($list, get_active_link(), 5).show();
   $("#partsakla").animate({ height: "22px" });
}

function expand() {
   var $list = $('#partsaklasag ul li').show();
   $("#partsakla").animate({ height: (elHeight) });
}