将title /`data`属性添加到按钮

Question

页面上有一个按钮。如何使用js / jquery为此按钮或div添加标题和data属性？

<button type="button" class="btn btn-secondary">TEST</button>

预期产出：

<button type="button" class="btn btn-secondary" data-toggle="category" data-placement="middle" title="Home">TEST</button>

Answer 1

＆＃13;

＆＃13;

$('button').attr('data-toggle','category').attr('data-placement','middle').attr('title','Home')

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-secondary">TEST</button>

＆＃13;

＆＃13;

＆＃13;

使用.attr()

  

描述：获取匹配元素集中第一个元素的属性值。

设置attr

.attr('attrname','attrvalue')

获取attr值

.attr('attrname')