急急急!!jquery 如何移除 input 属性
<ahref="#"id="editor">编辑</a><inputtype="text"name="address1"value="地址1"disabled=“disa...
<a href="#" id="editor">编辑</a> <input type="text" name="address1" value="地址1" disabled=“disabled”>
<a href="#" id="editor">编辑</a> <input type="text" name="address2" value="地址2" disabled=“disabled”>
<a href="#" id="editor">编辑</a> <input type="text" name="address3" value="地址3" disabled=“disabled”>
问题:我想点击id=“editor” 的编辑之后移除它相邻的下一个input 的disabled属性。
比如我点击第一个“编辑”,移除address1 disabled 属性 展开
<a href="#" id="editor">编辑</a> <input type="text" name="address2" value="地址2" disabled=“disabled”>
<a href="#" id="editor">编辑</a> <input type="text" name="address3" value="地址3" disabled=“disabled”>
问题:我想点击id=“editor” 的编辑之后移除它相邻的下一个input 的disabled属性。
比如我点击第一个“编辑”,移除address1 disabled 属性 展开
1个回答
展开全部
首先你放了一个最基本的错误,在一个页面里面最好不要让DOM元素的ID号重名 我修改后的代码基本上实现了你的功能 不废话了 贴代码给你
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="/jquery/jquery-1.4.3.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<div id="editor">
<a href="#" rel="1">编辑</a> <input type="text" name="address1" id="address1" value="地址1" disabled=“disabled”><br />
<a href="#" rel="2">编辑</a> <input type="text" name="address2" id="address2" value="地址2" disabled=“disabled”><br />
<a href="#" rel="3">编辑</a> <input type="text" name="address3" id="address3" value="地址3" disabled=“disabled”><br />
</div>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(function(){
$("#editor a").click(function(){
$("#address"+$(this).attr("rel")).attr("disabled",false);
});
});
//-->
</SCRIPT>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="/jquery/jquery-1.4.3.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<div id="editor">
<a href="#" rel="1">编辑</a> <input type="text" name="address1" id="address1" value="地址1" disabled=“disabled”><br />
<a href="#" rel="2">编辑</a> <input type="text" name="address2" id="address2" value="地址2" disabled=“disabled”><br />
<a href="#" rel="3">编辑</a> <input type="text" name="address3" id="address3" value="地址3" disabled=“disabled”><br />
</div>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(function(){
$("#editor a").click(function(){
$("#address"+$(this).attr("rel")).attr("disabled",false);
});
});
//-->
</SCRIPT>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询