重複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

回答

相關問題