Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示从jquery到html div标记的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 显示从jquery到html div标记的值

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

我知道你们中的许多人会把它当作复制品,但我想证明我已经尝试了我所知道的一切,但它不起作用,甚至看到了所有的答案,所以我没有纠正我的问题

这是我的JQuery代码-

<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);