用js或者jquery把数据填充到div里面显示出来

假设需要显示的数据是“123”。

显示的div的ID是“aaa”。

JS代码：

var divA = document.getElementById("aaa")

divA.innerHTML = divA.innerHTML+'123'

jQuery代码：

$(document).ready(function(){

$("#aaa").append(" <b>123</b>.")//有标签效果

})

扩展资料：

$(this).val()：获取某个元素节点的value值，相当于$(this).attr("value")

$(this).val(value)：设置某个元素节点的value值，相当于$(this).attr("value",value)

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。

语法：

$(selector).append(content)

<ul>

<li id="li">数据填充到这里就行了</li>

</ul> var nearInfo=[{"retmsg": "success",”id“:100,"name": "中山公园"},

{"retmsg": "success",”id“:100,"name": "中山公园"}]

// json转对象

var result = $.parseJSON(nearInfo)

for(var i=0i<result.lengthi++){

    $('#li').html(result[i].name)

}

这里只填了个name , 你看懂了,其他就好说了

大致思路

左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display()

右侧：写个固定样式的div，id假设设置为board。

如果你的菜单内容在服务器

display()的实现如下

function display(){

    $.ajax({

    type: "POST",

    url: 菜单所请求的内容地址,

    data: this.id等等相关的请求标志,

    success: funtion(data){$('board').html(data)},//返回数据填充

    dataType: dataType})

}

如果菜单内容写死在页面内

那么右侧：写和菜单数一样多的div，把所有的display属性设置为none

同时display()的实现如下

function display(){

    $('#'+$(this).attr('rel')).style.display='block'

}

以上，伪代码，仅供参考

---