Javascript 显示从jquery到html div标记的值
我知道你们中的许多人会把它当作复制品,但我想证明我已经尝试了我所知道的一切,但它不起作用,甚至看到了所有的答案,所以我没有纠正我的问题 这是我的JQuery代码-Javascript 显示从jquery到html div标记的值,javascript,jquery,html,Javascript,Jquery,Html,我知道你们中的许多人会把它当作复制品,但我想证明我已经尝试了我所知道的一切,但它不起作用,甚至看到了所有的答案,所以我没有纠正我的问题 这是我的JQuery代码- <script type="text/javascript"> window.onload = show_cart_count(); function show_cart_count(){ var get_count=2; alert(get_count); $("#show_count").va
<script type="text/javascript">
window.onload = show_cart_count();
function show_cart_count(){
var get_count=2;
alert(get_count);
$("#show_count").val(get_count);
//$("#show_count").innerHTML('get_count');
}
</script>
window.onload=show_cart_count();
函数show_cart_count(){
var get_计数=2;
警报(获取计数);
$(“显示计数”).val(获取计数);
//$(“#show_count”).innerHTML('get_count');
}
这是我的div标签
<div id="show_count" class="show_count" >0</div>
0
但尽管我付出了努力,show_count的价值并没有在div中打印出来
编辑-
刚试过我的代码,把div放在另一个地方,它就工作了。你猜为什么它没有在那个位置显示
<div class="check"> <a class="bag-icon" href="">Bag(<div id="show_count" class="show_count" >0</div>
0)</a> </div>
这是它的周围代码。。猜猜这里出了什么问题:)对于div元素,您需要使用html()函数而不是Val()函数
div
元素没有值
属性,因此应使用text()
或html()
更新其内容:
$("#show_count").text(get_count);
如果要直接设置innerText
,可以执行以下任一操作:
$("#show_count")[0].innerText = get_count;
// or
$('#show_count').prop('innerText', get_count);
使用或使用jQuery
第二次使用
$(函数(){
var get_计数=2;
警报(获取计数);
$(“#显示#计数”).html(获取#计数);
});代码>
0
对非输入元素使用jquery文本函数:
var get_count = 2;
$("#show_count").text(get_count);
实际上,您正在执行函数show\u cart\u count()
,并将函数返回的内容分配给window.onload
所以
window.onload=show_cart_count()代码>应该是window.onload=show\u cart\u count代码>
jQuery函数.val()
适用于文本区域
,输入
,选择
等,以便其他人更改您使用fn.text()
的内部文本,以及更改您使用fn.html()的内部html
因此它将是$(“#show_count”).text(get_count)
或$(“#显示计数”).html(获取计数)代码>而不是$(“#显示_计数”).val(获取_计数)代码>$(“显示计数”)。文本(获取计数)
或$(“#显示计数”).html(获取计数)代码>对于非输入元素ID但不起作用意味着尝试了所有元素,但仍然没有任何效果,因为您使用了窗口。onload
而不是$(document.ready()
,将其保留为本机JS并使用document.getElementById('show_count')。innerHTML('get_count')
window.onload=show_cart_count()代码>不是您想要的。window.onload=show\u cart\u count代码>或因为您有jQuery:$(函数(){show_cart_count();})代码>加上使用.html而不是.val谢谢大家的回复:)有时候会发生愚蠢的事情。。。刚刚更改了Div id和booom它正在工作尝试了这个答案但不起作用。。。我之前也尝试过.html,但它没有显示出来。甚至警报也没有在代码段上弹出。它对我有用。可能你做错了。是的,我试过你的代码片段,它在这里工作,但在我的项目中不起作用:(。不知道问题出在哪里所有答案都写了,但无法运行。)
function show_cart_count(){
var get_count=2;
// alert(get_count);
$("#show_count").text(get_count);
//$("#show_count").html(get_count);
}
$(document).ready(function(){
show_cart_count();
});
var get_count = 2;
$("#show_count").text(get_count);