动态创建时操作对象的属性

Question

我想在动态创建对象时处理对象的属性。

在下面给出的代码中，我想通过调用对象的相应函数来增加类似属性。然而，元件被动态创建和传递此在的onclick功能将仅参考锚标记。

这个想法与此论坛类似，其中每个问题都有可以批准或不批准的各种想法。我怎样才能独立操作每个对象的属性？

function idea(idea) { 
    this.ideatext = idea; 
    this.like = 0; 
    this.str = "\ 
    <div class = 'entered'> \ 
     <div class = 'text'> " + this.ideatext + "</div> \ 
     <div class = 'anchors'> \ 
      <a href = '' onclick = 'increase()'> Approve </a> \ 
      <a href = '' onclick = 'decrease()'> Disapprove </a> \ 
     </div> \ 
    </div>"; 

    this.increase = function() { 
     this.like++; 
    } 
    this.decrease = function() { 
     this.like--; 
    } 
} 

var ideaobj1 = new idea(someidea1); 
var ideaobj2 = new idea(someidea2); 

Answer 1

除了添加onclick属性，给标签一个类（我在这个例子中使用类增加和减少）。然后添加下面的jQuery代码

$(document) 
.on('click', '.increase', function() { 
    alert('increase function'); 
}); 
.on('click', '.decrease', function() { 
    alert('decrease function'); 
}); 

Answer 2

您可以创建一个document.createElement方法元素：

var newDiv = document.createElement("div"); 

，然后添加元素添加到文档之前修改newDiv。

更多信息有关document.createElement这里：https://developer.mozilla.org/es/docs/DOM/document.createElement

Answer 3

如果动态地创建JavaScript代码，你希望它是指其他的JavaScript代码，你必须知道的变量名。没办法。

<script type="text/javascript"> 

    function idea(varName, text) 
    { 
     this.varName = varName; 
     this.ideatext = text; 
     this.like = 0; 
     this.str = "\ 
     <div class = 'entered'> \ 
      <div class = 'text'> " + this.ideatext + "</div> \ 
      <div class = 'anchors'> \ 
       <a href = '' onclick = '" + this.varName + ".increase()'> Approve </a> \ 
       <a href = '' onclick = '" + this.varName + ".decrease()'> Disapprove </a> \ 
      </div> \ 
     </div>"; 

     this.increase = function() 
     { 
      this.like++; 
      return false; 
     } 
     this.decrease = function() 
     { 
      this.like--; 
      return false; 
     } 
    } 

    var wing = new idea("wing", "a wing is ..."); 
    var wheel = new idea("wheel", "a wheel is ..."); 

</script> 

并为创建的对象使用某种集中存储。也许是这样的：

var brain = new Object(); 
    brain["wing"] = new idea("brain.wing", "a wing is ..."); 
    brain["wheel"] = new idea("brain.wheel", "a wheel is ...");