在特定索引处显示<div> </div>

时间:2013-06-22 16:54:06

标签: javascript jquery html dom

我正在使用jquery开发一个评论系统。实际上我停留在显示部分的部分,它显示特定索引处的表格。假设我有5个链接。如果我点击第4个链接,表格应显示在第4个链接位置。但每当我点击任何链接位置时,表单就会显示在第一个链接位置。这应该像我们在评论系统中看到的那样显示。我不知道是否必须得到一些排位或类似的东西。来自jsfiddle的示例代码已在下面发布。如果我有3个链接,每当我点击任何链接时,表格将显示在第一个链接。我想解决这个问题。请帮忙。谢谢

这是jsfiddle链接 &#34; http://jsfiddle.net/5UMe9/1/&#34;

(function($) {
    $.fn.commentSystem = function() {
        //var settings = $.extend({index:ind});
        //if(settings.index)
        $(this).show();        
    }
}(jQuery));



$(document).ready( function() {                       
    hideForm();
    createLink();
    onLinkClick();
});

1 个答案:

答案 0 :(得分:0)

实现目标的一种方法是将form附加到包含当前点击链接的div元素。在这种情况下,您可以传入单击的元素,并将表单附加到commentSystem方法中。

这是一个jsfiddle:http://jsfiddle.net/ZDgx6/1/

JS:

(function($) {
    $.fn.commentSystem = function(link) {
        $(this).insertAfter(link).show();   
    }
}(jQuery));
.
.
.
$(".link").click(function(e){
    $(".Form").commentSystem(e.currentTarget);
});