根据按钮点击在jquery中显示div动态添加按钮id

在jQuery中，可以通过以下步骤实现根据按钮点击动态添加div并显示按钮的id：

1. 首先，确保你已经引入了jQuery库文件，可以通过以下方式引入：<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
2. 在HTML中，创建一个按钮和一个用于显示动态添加的div的容器：<button id="myButton">点击添加按钮</button> <div id="container"></div>
3. 在JavaScript中，使用jQuery的事件处理函数来监听按钮的点击事件，并在点击时执行相应的操作：$(document).ready(function() { $("#myButton").click(function() { // 获取按钮的id var buttonId = $(this).attr("id"); // 创建一个新的按钮，并设置其id为按钮的id var newButton = $("<button>").attr("id", buttonId + "_new").text(buttonId + "_new"); // 将新按钮添加到容器中 $("#container").append(newButton); }); });

在上述代码中，我们使用了$(document).ready()函数来确保页面加载完成后再执行代码。然后，通过$("#myButton")选择器选中按钮，并使用.click()函数来绑定点击事件。在点击事件的处理函数中，我们使用$(this)来获取当前点击的按钮，并使用.attr("id")方法获取按钮的id。接下来，我们使用$("<button>")创建一个新的按钮元素，并使用.attr()方法设置其id为原按钮的id加上"_new"后缀，使用.text()方法设置按钮的文本内容。最后，使用$("#container").append(newButton)将新按钮添加到容器中。

这样，每次点击按钮时，都会动态添加一个新的按钮，并显示其id。你可以根据实际需求对新按钮进行进一步的样式和功能设置。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供可扩展的计算容量，帮助用户构建稳定可靠的应用程序和服务。了解更多信息，请访问腾讯云云服务器（CVM）。
• 腾讯云云函数（SCF）：无需管理服务器，按需运行代码，实现弹性扩缩容，支持多种触发方式，适用于事件驱动型的计算场景。了解更多信息，请访问腾讯云云函数（SCF）。