Question

假设我有以下HTML代码：

<HTML>
    <BODY>
        <FORM>
            <div name="container" id="setup">
                <div name="element 1" id="element 1"> 
                    <input type="button" value="xxx" name="button 1" />
                </div>
            </div>
        </FORM>
    </BODY>
</HTML>

我想实现以下目标：

分配父节点id所在的按钮值（在本例中为“element 1”）而不是静态“xxx”。有可能吗？

由于

Answer 1

$('input[type="button"]').val(function(){
  return this.parent.id;
});

大概是这样的东西？

Answer 2

您可以设置按钮ID id和name之间应该没有间距是html
e.g。

<div name="element1" id="element1"> 
     <input type="button" value="xxx" name="button1" id=button1/>
</div>

Javascript =＆gt;

    var button = document.getElementById('button1');
    var parentId = button.parentNode.id;
    button.setAttribute('value',parentId);

您也可以针对特定事件或按照自己的意愿执行此操作。

Check the Code Snippet Here

HTML元素属性动态分配

2 个答案: