Question

我想从输入文本框中删除禁用的属性，点击“点击此处进行编辑”后，想在输入文本框中添加“.make-editable”类，但是从下一个输入框中添加。

例如： - 如果我们点击第一个标题（“点击此处进行编辑”），则其下一个文本框应该是可编辑的，并且想要添加“make-editable”类

我尝试了下面的代码，但它不起作用。

$('.click-here-for-editing').click(function(){
				
	  $(this).next()('.edit').addClass('make-editable').removeAttr('disabled');
		
    });

input:disabled {background: #fff; border: none}
input.edit{ border: none;font-size: 26px; color: #444444;}
input.make-editable{ border: solid 1px #ccc; padding:5px 10px;}

<div>
		<span class="click-here-for-editing">Click here for editing</span>
		<h1><input type="text"  value="Dummy Text 1"  disabled class="edit"></h1>
		</div>
	<div>
		<span class="click-here-for-editing">Click here for editing</span>
		<h1><input type="text"  value="Dummy Text 2"  disabled class="edit"></h1>
</div>

Answer 1

试试这个

  $(this).next('h1').find('.edit').addClass('make-editable').removeAttr('disabled');

span之后的

Next元素为h1，因此您应该使用此.next('h1')和h1查找元素.edit（.find('.edit')）

Example

如何在jquery中选择下一个类

1 个答案: