使用jquery隐藏和显示动态创建的段落

时间:2012-05-02 15:38:56

标签: jquery

我有一个Sharepoint网站,它从列表中动态获取名称和描述。

var name = $(this).attr('ows_Title');  //This is the internal storage name in SP
var comments = $(this).attr('ows_MetaInfo').match(/^_Comments:SW\|(.*)$/m);

然后我带着这些变量并将它们送到我页面上的空div中(div被称为' docList')

        var item = "<a class='docLinks' href='http:path/to/the/doc/" + name + "'>" 
+ title + "</a><br><p><span class='description' id='para_" + i + "'>"
    + comments + "</span></p><br>";
        $('#docList').append(item);

我正努力让它成为&#39;评论&#39;即项目的描述,显示在项目名称下方的悬停下方。

我在这个主题上尝试了各种迭代:

     $('#docList a').hover(function(){
          $(this).child().css({'display':'block'})},
          function(){
              $(this).child().css({'display':'none'});
         });

我知道我可以访问悬停事件,因为我编写了一些简单的警报,并且它们很好。

最初,我尝试过给出每条评论&#39;它的拥有者(正如你所看到的),但在获取索引值时被绊倒了。然后我决定尝试使用

      $(this).children('.description').css({'display':'block'});

但没有运气。我接近了吗?我搞砸了语法在哪里?

1 个答案:

答案 0 :(得分:1)

$(this).nextUntil('p').next().find('.description').hide()

$(this).nextUntil('p').next().find('.description').show()

您不需要id