重复Div通用

我需要你的帮助。基本上，下面的代码被称为通用部分的4倍。每个部分都包含带铅笔图标的编辑按钮。一旦用户点击编辑按钮（因为它将切换到取消模式），我需要隐藏铅笔图标。有人可以帮助我吗？重复Div通用

> <div class="highlighted">

<span class="float-left paddingleft10"><a class="bold">@Html.Raw(Model.Name)</a></span>  
@if (Model.IsEditButtonVisible) 
{ 
    <span class="float-left paddingleft20">   
    <span class="icon pencil float-left"></span> 
    <a class="mode @Model.Mode dark teal section-normal"    href="javascript:void(0);">@Model.EditButton</a> 
    </span><span class="clear-fix"></span> 
}  </div>

来源

2014-01-16 Scuttle

这里是代码。 – Scuttle

你得到的错误是什么？ –

我没有收到错误。代替使用这个代码$（“span.pencil”）。addClass（'hidden'）;隐藏所有部分中的整个行。我只需要特别的部分。例如，我点击了第1部分的编辑按钮，它将只隐藏第1部分中的图标，其他部分不应受到影响。 – Scuttle

附加的js onclick事件onclick="javascript:this.style.display='none';"到EditButton超级链接这样

 <a class="mode @Model.Mode dark teal section-normal" href="javascript:void(0);" 
onclick="javascript:this.style.display='none';">@Model.EditButton</a>

当你点击这个链接JS开火，将隐藏你的链接

看到DEMO

来源

2014-01-16 05:01:30

谢谢你，不幸的是，我需要隐藏的是除了EditButton之外的图像，并将editbutton的标签切换到“取消” – Scuttle

然后更改onclick函数并给出图像标签ID“onclick =”javascript :('your_image_tag_id'） .style.display ='none';'' –

感谢Satish，但ICON被称为CLASS，并且一旦按钮的值再次变为EDIT，就需要返回。 – Scuttle

回答

相关问题