Javascript HTML按钮元素能否继承它'；父母的价值是什么？

按钮是否可以从其父元素继承其“value”属性

我在一个li中有3个按钮，我希望检索li中所有按钮的公共值以及所按下的特定按钮（我可以使用唯一ID来实现）。对任何形式的重组都持开放态度，这样我就能轻松实现这一目标

提前谢谢

编辑： 下面是我正在处理的一个示例，li的值是我想要为所有三个按钮检索的值，以及执行操作的一些定义细节

side += "<li href='#' class='list-group-item' value="+friend.id+" style='height:75px'>";
side += "<button type='button' onclick='sidebarUserOptions(this)' style='height:95%; width:15%;'>View</button>";
side += "<button type='button' onclick='sidebarUserOptions(this)' style='height:95%; width:15%;'>Visit</button>";
side += "<button type='button' onclick='sidebarUserOptions(this)'style='height:95%; width:15%;'>Edit</button>";
side += "</li>";

side+=“
”；
侧面+=“视图”；
方+=“访问”；
边+=“编辑”；
侧面+=“
”；

理论上是，带有和：

#父级{
--值：attr（数据值）；
}
#父项>按钮：：之后{
内容：var（--值）；
}

理论上是，带有和：

#父级{
--值：attr（数据值）；
}
#父项>按钮：：之后{
内容：var（--值）；
}

---

无需重组。关键是检测

li

上的点击事件，而不是

按钮

。您可以在单击功能中使用

event.target

，以访问已单击的按钮。下面是一个演示该概念的示例。第一个函数

doToAll

只是一个用于迭代一组dom元素的辅助方法，而output div则用于显示函数的结果

HTML:

---

不需要重组。关键是检测

li

上的点击事件，而不是

按钮

。您可以在单击功能中使用

event.target

，以访问已单击的按钮。下面是一个演示该概念的示例。第一个函数

doToAll

只是一个用于迭代一组dom元素的辅助方法，而output div则用于显示函数的结果

HTML:

在onclick（sidebarUserOptions）中，可以引用this变量，获取父节点，然后从该父节点获取值

因此，使用jQuery：

$(this).parent().attr('value');

在onclick（sidebarUserOptions）中，您可以引用this变量，获取父节点，然后从该父节点获取值

因此，使用jQuery：

$(this).parent().attr('value');

---

能否详细说明您需要什么，并向我们展示您的尝试？您的（“”）HTML是什么？你试过自己解决这个问题吗？考虑到您将发布的HTML，您希望得到什么具体结果或输出？这应该是对用户操作或事件的响应吗？一些提供上下文的代码会有所帮助。总而言之，看起来您可以在调用函数的每个按钮上使用

（this）

，执行

onclick

，没关系，您甚至不需要

（this）

，因为它已经出现在

onclick

事件中。然后，你可以编辑你的表格和数据，你发送到服务器，你的心的愿望。例如，我有一组按钮，它们通过

$（this）.closest（“form”）.attr（“action”），$（this.attr（“formAction”））将表单的操作更改为存储在按钮属性中的操作Pete Talks Web的解决方案是最简单的。我很傻，只是没有像这棵奇妙的树那样接近我的DOM。你能详细说明一下你需要什么并告诉我们你尝试了什么吗？你的（“”）HTML是什么？你试过自己解决这个问题吗？考虑到您将发布的HTML，您希望得到什么具体结果或输出？这应该是对用户操作或事件的响应吗？一些提供上下文的代码会有所帮助。总而言之，看起来您可以在调用函数的每个按钮上使用
（this）
，执行
onclick
，没关系，您甚至不需要
（this）
，因为它已经出现在
onclick
事件中。然后，你可以编辑你的表格和数据，你发送到服务器，你的心的愿望。例如，我有一组按钮，它们通过
$（this）.closest（“form”）.attr（“action”），$（this.attr（“formAction”））将表单的操作更改为存储在按钮属性中的操作Pete Talks Web的解决方案是最简单的。我很傻，只是没有像这棵神奇的树那样接近我的DOM。我认为说“它还没有得到广泛的支持”是相当温和的。据介绍，除了Firefox和Safari之外，它根本不受支持，因为Firefox和Safari将大多数用户排除在外。这将设置内容，以便用户可以看到生成的按钮标签。但是它没有设置值，所以不会以表单的形式提交。我认为说“它还没有得到广泛支持”是相当温和的说法。据介绍，除了Firefox和Safari之外，它根本不受支持，因为Firefox和Safari将大多数用户排除在外。这将设置内容，以便用户可以看到生成的按钮标签。但是它没有设置值，所以它不会在表单中提交。这是一个！谢谢我忙于思考如何“继承”我没有探索简单的方法来检索父对象。太棒了！如果您不想使用jQuery，可以使用vanilla HTML和jsp的and，这就是其中之一！谢谢我忙于思考如何“继承”我没有探索简单的方法来检索父对象。太棒了！如果您不想使用jQuery，可以利用普通HTML和JS的and
$(this).parent().attr('value');