Html 使用jQuery向元素添加id

我有一个HTML

按钮

，我想向元素添加一个

id

。但是，我无法手动执行，因此我正在通过jQuery寻找一个选项

<div class="mejs-button mejs-playpause-button mejs-play">
  <button type="button" aria-controls="mep_0" title="Play" aria-label="Play" tabindex="0"></button> 
</div>

---

您可以使用jQuery，使用

prop（）

或

attr（）

方法：

jQuery(document).ready(function($) {
    $('.mejs-button.mejs-playpause-button.mejs-play button').prop('id', 'my-id');
    //Or 
    $('.mejs-button.mejs-playpause-button.mejs-play button').attr('id', 'my-id');
});

$（'.mejs按钮'）.prop（'id'，'my id'）；
log（$（'.mejs button'）.prop（'id'））

但是加载页面后添加
id
有什么用呢？在我看来，这是个XY问题，毫无意义。如果您可以选择元素以便在其上放置
id
，那么您不需要在其上放置
id
，因为您已经选择了它…”“我有一个HTML按钮，我想向元素添加一个id。”为什么？对我来说，这听起来像是一个问题……虽然这可能是一个XY问题，但在某些情况下，您可能希望在创建元素后添加
id
。例如，如果您是从HTML文本创建元素，但是
id
信息来自不安全的源。在这种情况下，您确实希望使用DOM操作添加
id
（可能是在创建元素之后，但在将其添加到DOM之前）。这样做是因为在创建之前在HTML文本中更改它将是一个安全漏洞；设newDiv=$（''）；newDiv.find（'button'）.attr（'id'，id）

是安全的，而

让newDiv=$（“”）不可用。如果有人试图让代码运行，前者可能会以一个无效的ID结束，但代码不会运行。我不确定prop是否在这里工作。你检查了吗？当然检查我的工作代码段如果
.mejs按钮
有多个按钮，那么这将失败这在技术上不是错误的，但对于OP试图解决的任何问题，这绝对不是正确的方法。@t.J.Crowder谢谢<代码>：）