プログラミング研修の一環でASP.NET(VB)による掲示板プログラム作成中の者です。
Repeaterでコメント内容を表示しているのですが、削除ボタンクリックにより論理削除
(DELETE FLGが成立すると、"このコメントは削除されました"と表示)されたデータ(行)に対して、
JavaScriptかJQueryを使って削除ボタンを非表示になるように実装したいのですが、
どのように記述したらいいか分かりません。
Repeater部分のソースは以下になります。
<asp:Repeater ID="bbsRepeater" runat="server"> <ItemTemplate> <div class="bbs__Information-box"> <p>[<%#HttpUtility.HtmlEncode(DataBinder.Eval(Container.DataItem, "DETAIL_NO").ToString())%>]</p> <p>ID:<%#HttpUtility.HtmlEncode(DataBinder.Eval(Container.DataItem, "USER_ID").ToString())%></p> <p>投稿日:<%#HttpUtility.HtmlEncode(DataBinder.Eval(Container.DataItem, "COMMENT_DATE").ToString())%></p> <asp:Button ID="btnDelete" runat="server" CommandName="delete" Text="削除" Font-Size="15px" Style="margin-top: 25px; height: 30px; width: 90px;" /> </div> <div class="bbs__comment"> <p><%#(DataBinder.Eval(Container.DataItem, "COMMENT_WORDS").ToString())%></p> </div> </ItemTemplate> <SeparatorTemplate> <hr /> </SeparatorTemplate> </asp:Repeater>
コメントが削除された文字列の赤文字は、このように記述しました。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> //削除コメント赤文字処理 $(function () { $('.bbs__comment:contains("このコメントは削除されました")').each(function () { var mojiretsu = $(this).html(); $(this).html(mojiretsu.replace(/このコメントは削除されました/g, '<span class="txt--color">このコメントは削除されました</span>')); }); }); </script>
JavaScript・JQuery共に無知な者で、基礎的な質問をして申し訳ありませんがよろしくお願いします。
回答2件
あなたの回答
tips
プレビュー