在中继器控件中设置子标记属性答案

【问题标题】：Setting child tag properties in a repeater control在中继器控件中设置子标记属性
【发布时间】：2013-09-01 07:41:05
【问题描述】：

我有一个中继器控件来显示用户 cmets。注释保存在 div 标签中，在该 div 标签内，还有其他标签。我为父标签分配了一个悬停属性，以使子 div 标签在鼠标悬停时可见。当我运行代码时，悬停属性仅适用于转发器中的第一个注释。如果鼠标停留在其他 cmets 上，则 hover 属性再次适用于第一条评论。这是我的html代码 `

        <ItemTemplate>

        <div id="divComnt" class="Dcomment span9" onmouseover="MouseOver_Comment()" onmouseout="MouseOut_Comment()">  
               <div class="date" >Posted at <%#Eval("DateAdded")%></div>
               <br/>
               <p><%# Eval("Comment") %> </p>
               <br/>
                <%--reply buttons--%>
                <div id="Div_replyLinks" class="bottom pull-left replyLink" style="margin:3px 1px 3px 1px">

                <a href="#" title="Katılıyorum"><i class=" icon-thumbs-up"></i> </a>
                <a href="#" title="Katılmıyorum"><i class=" icon-thumbs-down"></i> </a>
                <a href="#" title="Bence..."><i class="icon-comment"></i> </a>

              </div>
            </div>
            </ItemTemplate>

            </asp:Repeater>`

这里是javascript

function MouseOut_Comment() {
        var div = document.getElementById("Div_replyLinks");
        div.style.visibility = 'hidden';
    }
    function MouseOver_Comment() {

        var div = document.getElementById("Div_replyLinks").;
        div.style.visibility = 'visible';
    }

这里是link 用于视觉辅助。（不幸的是，由于缺乏声誉，我无法上传图片）如图所示，活动评论 div 是第二个，但回复按钮图标在第一个中可见。

【问题讨论】：

标签： javascript css repeater onmouseover onmouseout

【解决方案1】：

好的，我找到了解决问题的方法。我使用作为要更改其可见性属性的 div 的 id 值。然后发送作为 java 函数的参数

这里是代码

<asp:Repeater ID="RptComments" runat="server"  >   

        <ItemTemplate>

        <div id="DivComnt" class="Dcomment span9" onmouseover="MouseOver_Comment('<%#Container.ItemIndex%>')" onmouseout="MouseOut_Comment('<%#Container.ItemIndex%>')">  
               <div class="date" >Posted at <%#Eval("DateAdded")%></div>
               <br />
               <p style="margin:2px 5px 2px 5px"><%# Eval("Comment") %> </p>
               <br />
               <%--reply buttons--%>
               <div id="<%#Container.ItemIndex%>" class="bottom pull-right replyLink" style="margin:3px 1px 3px 1px">
                <a href="#" title="Katılıyorum"><i class=" icon-thumbs-up"></i></a>
                <a href="#" title="Katılmıyorum"><i class=" icon-thumbs-down"></i></a>
                <a href="#" title="Bence..."><i class="icon-comment"></i></a>
              </div>
            </div>
            </ItemTemplate>
            </asp:Repeater>

这里是java代码：

function MouseOver_Comment(id) {
        var div = document.getElementById(id);
        div.style.visibility = 'visible';               
    }
    function MouseOut_Comment(id) {
        var div = document.getElementById(id);
        div.style.visibility = 'hidden';
    }

【讨论】：