js 添加删除对象的属性值

 1、html前端

<button type="button" class="btn btn-light-primary m-1">
	<i class='bx bx-edit'></i>
</button>
<button type="button" class="btn btn-light-secondary m-1" id="btn" title="活动上架">
    // 图标样式
	<i class='bx bx-right-top-arrow-circle'></i>
</button>

 

 2、现在想要将右边图标的标题（title）改为“活动下架”。

 

 3、实现标题替换，需要更改对象属性。

// 点击button按钮
$(document).on("click", "#btn", function () {
    // 先删除原有的标题，再添加新的标题
    $('#btn i').removeAttr("title").attr("title","活动下架");
});

4、其中：

// 删除原有标题
$('#btn i').removeAttr("title");
// 添加需要的对象属性
$('#btn i').attr("title","活动下架");