Fatal编程技术网
  • jquery/
  • 显示此jquery数据的最佳方式

显示此jquery数据的最佳方式

jquery

显示此jquery数据的最佳方式,jquery,Jquery,显示此jquery数据的最佳方式是什么。我知道我可以做$（'.Counter'）.html（count） <!doctype html> <html> <head> <title></title> <script src="jquery.min.js"></script> <style> .Counter { color: white;background: red; p

显示此jquery数据的最佳方式是什么。我知道我可以做$（'.Counter'）.html（count）

<!doctype html>
  <html>
   <head>
    <title></title>
    <script src="jquery.min.js"></script>

<style>

.Counter { color: white;background: red; padding:6px; }
</style>
<script>

$(document).ready(function(){

alert('okay');  
//var Counter = [];
$user = 'nancy';
count = 1;

$('#' + user + ' label.Counter').html(count);
$('#' + user + ' label.Counter').show();


});

</script>
  </head>
  <body> 


<label class="Counter"></label>



  </body>
</html>


.计数器{颜色：白色；背景：红色；填充：6px；}
$（文档）.ready（函数（）{
警惕（‘好’）；
//var计数器=[]；
$user='nancy'；
计数=1；
$（'#'+user+'label.Counter'）.html（计数）；
$（'#'+user+'label.Counter'）.show（）；
});
下面是一个代码的工作示例。我添加了
display:none
添加到类
计数器的CSS中，因为否则您使用的
show（）
方法将是不必要的



$（文档）.ready（函数（）{
警惕（‘好’）；
$user='nancy'；
计数=1；
$（'#'+$user+'label.Counter'）.html（计数）；
$（'#'+$user+'label.Counter'）.show（）；
});

计数器{
颜色：白色；
背景：红色；
填充：6px；
显示：无；
}


下面是一个代码的工作示例。我添加了
display:none
添加到类
计数器的CSS中，因为否则您使用的
show（）
方法将是不必要的



$（文档）.ready（函数（）{
警惕（‘好’）；
$user='nancy'；
计数=1；
$（'#'+$user+'label.Counter'）.html（计数）；
$（'#'+$user+'label.Counter'）.show（）；
});

计数器{
颜色：白色；
背景：红色；
填充：6px；
显示：无；
}




标签缺少id为“nancy”的父元素，因此无法正常工作。@matthias_h感谢您的回复。请提供一个可测试的示例。标签缺少一个id为“nancy”的父元素，因此无法正常工作。@matthias_h感谢您的回复。请提供一个可测试的例子