Question

我有一个HTML button，我想向该元素添加一个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>

Answer 1

您可以使用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-button button').prop('id', 'my-id');

console.log( $('.mejs-button button').prop('id') );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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向元素添加ID

1 个答案: