如何禁用和启用Div的所有内容

Question

我试图禁用Div标签的所有元素。我在输入类型上取得成功。但无法禁用链接。 我也试过this，但它不工作。 这里是我试过的代码（但它适用于仅输入）：

$('#EditorRows *').attr('disabled', true); 

我知道禁用输入类型，但我想达到那种机制的链接。

1 PartialView代码：

<div id="Part2"> 
<div id="EditorRows"> 
<%= Html.ActionLink("Add another...", "Add", null, new { id = "addItem" }) %> 
<%Html.RenderPartial("_InsertServices", Model);%> 
</div> 
<div id="DontAppend"> 
<input type="button" id="btnEdit" value="Edit" hidden="hidden"/> 
<input type="button" id="btnDone" value="Done" /> 
</div> 
</div> 

第二PartialView

<div class="EditorRow"> 
<% using (Html.BeginCollectionItem("services")) 
{ %> 
<table id="table1"> 
<tr><td> 
NOS:</td><td> 
<%:Html.DropDownListFor(model=>model.Id,(SelectList)ViewData["crmServiceType"] as SelectList,"---")%> 
</td> 
<td> 
Comment:</td><td> 
<%=Html.TextBoxFor(model => model.Comment, new { size = "20" })%></td> 
<td> 
<a href="#" class="deleteRow">delete</a> 
</td> 
</tr> 
</table> 
<% } %> 
</div> 

脚本：

$("#addItem").click(function() { 
      $.ajax({ 
       url: this.href, 
       cache: false, 
       success: function (html) { $("#EditorRows").append(html); } 
      }); 
      return false; 
     }); 

     $("a.deleteRow").live("click", function() { 
      $(this).parents("div.EditorRow:first").remove(); 
      return false; 
     }); 

$('#btnDone').click(function() { 
     $('#EditorRows *').attr('disabled', true); 
    } 
    $('#btnEdit').click(function() { 
     $('#EditorRows *').attr('disabled', false); 
    } 

Answer 1

试试这个

$('#EditorRows').find('a').each(function(){ 
    $(this).replaceWith($(this).text()); 
}); 

更新

要禁用：

$('#EditorRows').find('a').bind('click', false); 

要启用：

$('#EditorRows').find('a').unbind('click', false); 

Answer 2

要禁用链接在你的情况下使用这个

$('div a').unbind('click'); 

矿石：

$('#btnDone').click(function() { 
    var $rows = $('#EditorRows'); 
    $rows.find('input, select, textarea').attr('disabled', true); 
    $rows.find('a').unbind('click'); 
} 

Answer 3

$('div').find(':input').prop('disabled',true);//this line will this able all inputs including buttons. 
$('div').find('a').each(function(){ 
    $(this).removeAttr('href'); 
    $(this).unbind('click'); 
});//this will take care of the links 

我认为这将采取问题

的护理

Answer 4

使用jquery的关闭方法。

$('#Yourdiv a').off('click'); 

$('#yourDiv').find('input').attr('disabled',true); 

否则简单刚刚返回false时，锚点击。

$('#Yourdiv a').on('click',function(e) 
        { 
        return false; // or e.preventDefault(); 
        }); 

Answer 5

它仅适用于输入，因为它们具有disable属性。要禁用链接，请尝试

如果您只想删除链接重定向。

$("#youdivname").find('a').removeAttr('href') 

这将活跃一遍：

$("#yourdivname").find('a').attr('href','link') 

其中link是重定向。

Answer 6

第一个解决方案日出现在脑海中，但它并不假装优雅 http://jsbin.com/icijox/4/edit