update attribute name jquery

HTML

<div id="test1" class="testlist">
    <ul>
        <li title="test" data-view="0">Any</li>
        <li title="test" data-view="101">list item 101</li>
        <li title="test" data-view="102">list item 102</li>
        <li title="test" data-view="103">list item 103</li>
        <li title="test" data-view="104">list item 104</li>
        <li title="test" data-view="105">list item 105</li>
        <li title="test" data-view="106">list item 106</li>
        <li title="test" data-view="107">list item 107</li>
        <li title="test" data-view="108">list item 108</li>
        <li title="test" data-view="109">list item 109</li>
    </ul>
</div>

JavaScript

$("li").each(function () {
    var id = $(this).parents('.testlist').attr('id') || '',
        newAttributes = {};
    console.log("START");
    newAttributes['data-view-' + id] = $(this).attr('data-view');
    var temp = $(this).attr('data-view');
    var temp1 = "data-view" + id;
    //console.log(newAttributes['data-view-' + id]);
    
    $(this).attr(newAttributes).removeAttr('data-view');
    console.log(temp);
    console.log(temp1);
    console.log("END");
});