dom 相关问题

我有下表： SR 物体重量颜色形状我有下表： <thead> <th>SR</th> <th>Object</th> <th>Weight</th> <th>Color</th> <th>Shape</th> <th>DeleteBtn</th> </thead> <tr> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> <tr> <td><input type="text" id="sr2" value="2"></td> <td><input type="text" id="object2" value="bottle"></td> <td><input type="text" id="weight2" value="1kg"></td> <td><input type="text" id="color2" value="red"></td> <td><input type="text" id="shape2" value="cylinder"></td> <td><input type="button" class="deleteRow"></td> </tr> </table> 以上代码仅用于说明。这些行是使用 php、ajax、jQuery 动态生成的。第二列输入元素还具有自动完成功能，基于该功能为每行填充其他列。此外，每个输入元素的 ID 对于进一步复杂的操作数据也很重要。我已经设置了添加行的代码，该代码将下一个顺序值分配给 SR 列的新生成的行，并为每行依次生成带有 ID 的新行。但我在删除一行后遇到按顺序重置 SR 值和 ID 的问题，因为用户可以删除中间任意位置的行。如何按顺序重置 SR 列内输入标记的值属性，并根据新的行数为每行的每个输入元素分配顺序 ID，如上面的代码所示？您必须向每个表行添加 id 字段，如下所示 <tr id="tr_1"> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> 对应于 sr1，它对于所有行都是唯一的。当您通过 JavaScript 或 jQuery 执行删除命令时您可以使用jquery的remove()函数来删除行 <tr id="tr_1"> <td><input type="text" id="sr1" value="1" class="sr"></td> <td><input type="text" id="object1" value="toy"></td> <td><input type="text" id="weight1" value="5kg"></td> <td><input type="text" id="color1" value="green"></td> <td><input type="text" id="shape1" value="round"></td> <td><input type="button" class="deleteRow"></td> </tr> var id // you row identifier $('#tr_'+id).remove();

javascript html jquery dom html-table

回答 1 投票 0

Rails：如何将内容放入标题中

在我的 Rails 应用程序中，我包含了 OneSignal，它需要将以下链接放置在文档的头部：不幸的是，对于 Rails，我无法...

ruby-on-rails dom hyperlink ruby-on-rails-5 head

回答 2 投票 0

添加属性、更改背景颜色等操作后如何捕获事件？

我遇到了一些困难的问题。这是 HTML 代码。 ---------------- **A** ---------------- <script> </h...</desc> <question vote="0"> <p>我遇到了一些困难的问题。这是 HTML 代码。</p> <pre><code><html> <head> <script> ---------------- **A** ---------------- <script> </head> <body> ... <div id="myDiv">Hello word</div> ... <script> ... ... seTimeout(() => { let myDiv = document.getElementById("myDiv"); myDiv.setAttribute('color', 'green') }, 5000); </script> </body> </html> </code></pre> <p>在A区域中，在添加颜色属性后我必须处理一些操作。我该如何解决这个问题？</p> <p>为了捕获事件，我尝试使用 window.addEventListener 但效果不佳。</p> </question> <answer tick="false" vote="0"> <p>我不知道你打算如何改变颜色，就像你点击某个东西，它就会改变，或者你只是想让你的页面加载那种颜色的div，但也许你可以添加一个按钮，所以当它被点击时颜色发生变化，并且可以从您刚刚单击的按钮获取事件。</p> <p>然后你可以这样做： document.getElementById("myButton").addEventListener("click", myFunction);</p> <p>不知道对你有帮助吗</p> </answer> </body></html>

html dom

回答 0 投票 0

删除按钮后表单元素不执行提交

单击按钮时，单击事件会冒泡以形成并执行正确的回调。但是，删除按钮后，不会触发表单提交事件。我无法确切地找到为什么会发生这种情况...

javascript html forms dom dom-events

回答 1 投票 0

使用远大于元素尺寸的CSS边框半径

使用比元素尺寸大得多的边框半径有什么问题吗？例如，如果我想创建一个类 .circle 像这样：。圆圈 { 边框半径：1000px； } 所以...

html css dom css-shapes

回答 2 投票 0

请我不明白为什么我的 VScode 所有代码都显示错误，即使是简单的 html 起始代码 [已关闭]

VScode 突出显示了我的 html 和 js 文件的所有开头，这令人沮丧，它发生在我当前的项目中，现在它发生在我电脑上的所有文件中，甚至是新的 js 和 html 文件中......