如何动态设置数据属性中的值

Question

我有一个段落，并且已经分配了data属性。我遍历了json对象中的数据，并将值分配给data属性。

我有一个添加参数的按钮，我想为data属性分配一个新值。每次我单击按钮时，都会为para分配相同的值。

这是到目前为止我尝试过的代码。

$(".facilityAdd").click(function () {
        var selectedBuildingId = $(this).parent().siblings().find("p").attr("data-locationid");
        var selectedLevelId = $(this).parent().siblings().find("p").attr("data-levelid");
        debugger
        $(".facility").append("<div class='facility-wrapper'><div class='contentbox'><div class='facilityContent'><p data-levelid='" + selectedLevelId + "' data-locationid='" + selectedBuildingId + "'>Facility 5</p><a href='javascript:void(0);' class='editbtn'>Edit</a></div>  <div class='facilityContentBox'><p>Facility Name</p><input type='text' id='txtFacility" + selectedBuildingId + "' class='facilityInputBox' style='width:100%;' /><div class='facilityBtnBox'><a href='javascript:void(0)' class='cancelEdit pull-left'>Cancel</a><a href='javascript:void(0)' class='btn btn-default pull-right facilitySaveBtn'>Save</a></div></div>   </div>");
    });