Как динамически устанавливать значения в атрибутах данных

Question

У меня есть параграф, и я назначил атрибут данных.Я перебрал данные из моего объекта JSON, и я присваиваю значения атрибуту данных.

У меня есть кнопка, которая добавляет пункт, я хочу присвоить новое значение атрибуту данных.Каждый раз, когда я нажимаю на кнопку, он присваивает одно и то же значение для пункта.

Вот мой код, который я пробовал до сих пор.

$(".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>");
    });