Question

我有一些大致与此类似的代码：

exportValue = []; 

function reduceArray() {
    //does something 
    exportValue = parseFloat(exportValue)
}

由此，我得到exportValue是73951.然后我必须将该数字添加到页面中...所以我尝试了这两个：

$("#exportValueDiv").append(exportValue);
$("#exportValueDiv").append("<li>" + exportValue + "</li>");

但这并不奏效......我对如何向DOM添加类似变量等事情感到困惑....

如果我这样做：

$( "#exportValueDiv" ).append( "<li>value</li>")

它有效，但我不想添加字符串，我想添加变量的值。我看了这个，但我还是很困惑，所以任何帮助都会非常感激!!!

Answer 1

查看jQuery manipulation

$("#exportValueDiv").text(exportValue); //Replaces text of #exportValueDiv
$("#exportValueDiv").html('<span>'+exportValue+'</span>'); //Replaces inner html of #exportValueDiv
$("#exportValueDiv").append('<span>'+exportValue+'</span>'); //Adds to the inner html of #exportValueDiv

Answer 2

.append()合约需要DOM元素或HTML字符串。你需要做：

$("#exportValueDiv").append("<div>" + exportValue + "</div>");

Answer 3

试试这个：

$("#exportValueDiv").append("<div>" + exportValue + "</div>");

Answer 4

以下内容将您的变量附加到已有信息的div：

var total_pages = data;
var logid = '30';

if($('#pagination').data("twbs-pagination"))
  $('#pagination').twbsPagination('destroy');


$('#pagination').twbsPagination({
  totalPages: total_pages,
  visiblePages: 7,
  onPageClick: function (event, page) {
      $('#container').load('load_data.php',{page:page,id:logid});
  }
});

$('#container').load('load_data.php',{id:logid});

https://jsfiddle.net/supadave57/f9tqw0d4/

如何将javascript变量添加到div？

4 个答案: