如何找到一個JS對象的屬性上

HTML如何找到一個JS對象的屬性上

<div class="outerDiv"> 
    <div class="innerDiv"> 

    </div> 
    <button id="appendObject">Click Me</button> 
    </div> 
</div>

的JavaScript

var newArray = [ 
{ 
    id: 0, 
    otherProperty: "this is a prop" 
}, 
{ 
    id: 1, 
    otherProperty: "this is a different prop" 
    } 
]; 
$("#appendObject").click(function() { 
    $(".innerDiv").append("<div class='this-object'>" + newArray[0].otherProperty) + "</div>"; 
}) 

$("body").on("click", ".this-object", function() { 
    alert(this.id); 
})

我想一個對象的屬性添加到HTML DIV點擊時。然後我希望用戶能夠單擊該HTML div並能夠更改該對象的屬性。無論如何，我可以做到這一點？謝謝！

https://jsfiddle.net/of5x5egr/

來源

2017-04-11 Tyler Hines

你是什麼意思，改變屬性？ Css，高度寬度...稍微清晰一點。 – Cam

我想弄清楚哪個JavaScript對象被點擊，所以我可以讓用戶改變對象的特定屬性。例如：newArray中的第一個對象 - 我想讓用戶通過在輸入字段中輸入一個值來更改otherProperty的值 –

你有一個語法錯誤的位置：

$(".innerDiv").append("<div class='this-object'>" + newArray[0].otherProperty) + "</div>";

應該

$(".innerDiv").append("<div class='this-object'>" + newArray[0].otherProperty + "</div>");

https://jsfiddle.net/of5x5egr/2/

來源

2017-04-11 15:44:10

如何找到一個JS對象的屬性上

回答

相關問題