如何使用javascript/jquery選擇div內的內容

我相信答案可能很簡單，但我無法通過搜索找到答案。如何使用javascript/jquery選擇div內的內容

我想要做的是更改使用jquery div的內容。目前我正在使用這個（它工作，但不是最優雅的解決方案）

什麼是最好的選擇方式？

$(document).ready(function() { 
    $("#score-once").click(function() { 
     var numRand = parseInt(Math.floor(Math.random()*2)); 
     var currValue = parseInt($("#scored").text()); 
     var newValue = (currValue + numRand); 
     $("#scored").replaceWith("<p id=scored>" + newValue + "</p>") 
     currValue = undefined; 
     newValue = undefined; 
    });  
});

和HTML

 <div id="sidebar"> 
      Goals Scored<br /> 
      <p id="scored">0</p> 
      Goals Missed<br /> 
      <p>0</p> 
     </div>

來源

2012-01-13 Undefined

你怎麼知道這不是最優雅的？看起來沒問題:-) – 2012-01-13 10:39:09

必須替換整個段落標記，而不是隻替換內容+未定義變量（即使我不知道我必須這樣做！）。或者，也許我只是在批評我自己的工作;） – Undefined 2012-01-13 10:41:56

undefining你不必做。剩下的就好了。移動到下一個任務:-) – 2012-01-13 10:43:57

這裏有一個微小的改進：

$(document).ready(function() { 
    $("#score-once").click(function() { 
     var numRand = parseInt(Math.floor(Math.random()*2)); 
     var currValue = parseInt($("#scored").text()); 
     var newValue = (currValue + numRand); 
     $("#scored").text(newValue) 
    });  
});

它可能無法得到任何比這:-)

來源

2012-01-13 10:45:41

使用jQuery的.html()功能更好應該做的伎倆。

$("#scored").html(newValue);

來源

2012-01-13 10:46:02

如何使用javascript/jquery選擇div內的內容

回答

相關問題