将按钮操作附加到它所在的 div 上？

Question

编辑我实际上是在问我是否可以定位 div 我的按钮是 里面不知道id的名字？

我想编写一个 javascript 函数来更改 INPUT 框和按钮本身的属性，但我想这样做而不为每个按钮和每个输入框创建唯一的 id。

假设我有一个这样的 onclick javascript

function changeid ()
{
var e = document.getElementById("changebutton");
e.id = "savebutton";
$('#TheAttachedDiv').attr('readonly', false);
}
function changeid ()
{
var e = document.getElementById("savebutton");
e.id = "changebutton";
$('#TheAttachedDiv').attr('readonly', true);
}

因为其他原因我将有 4 个具有相同类的字段，所以我不希望在单击除一个 div 之外的按钮时更改所有 CHANGE 按钮和 DIVS 的属性。

有没有办法做到这一点？ 谢谢

我在做什么：

<div class="question active">Q1
  <input id="one" type="text">
</div>
<div class="button passive">
  <input type="button" value="Change" id="changeone" onclick="changeid()">
</div>

同一个 div 不断重复。

Answer 1

如果您想要直接父级，请尝试使用 jQuery 方法 .parent()，如果您想要搜索 DOM 树更高的祖先，请尝试使用 .parents( ... )。

Answer 2

应该是这样的

jQuery('.field_same_class').click(function(){
    if(jQuery(this).attr('readonly')==false)
    {
        jQuery(this).attr('readonly',true);
        jQuery(this).next('.button_class').attr('readonly',true);
    } else {
        jQuery(this).attr('readonly',false);
        jQuery(this).next('.button_class').attr('readonly',false);
    }
});