我的脚本隐藏按钮后的新div

时间:2015-08-07 09:16:15

标签: jquery

我有很多像这样的按钮:

<button class="btn btn-default moreCommentsBtn" feel="subComments" allowreply="0" refid="348" pagename="yard" maxresult="20" startrow="20">MORE COMMENTS</button>

“refid”是独一无二的。

当没有其他评论时,我隐藏了特定按钮:

$( 'button[ refID=' + <?PHP echo $refID ?> + ']' ).addClass( 'hideBox' );

我还想打印div,而不是按钮,上面写着“没有更多评论”。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

你可以做点像......

$( 'button[ refID=' + <?PHP echo $refID ?> + ']' ).addClass( 'hideBox' ).parent().append("<p>There are no more comments</p>");

您也可以使用<div>代替<p>

为了使它更优雅,你可以拥有类似.nocomments的类,如果你想要隐藏这个通知,你可以立即隐藏它。

如果您想要更具体的控制,您还可以使用refid来制作id元素id="'com' + refid"的唯一div/p。然后你可以用refid隐藏/删除那个特定的div。