小数点后遇0则不显示的设置方法

Posted 2023-05-03

例：首先说明一下，这个单元格是做了公式的，如果带小数，四舍五入，保留两位。但对于显示有特殊要求，比如是：2.60，就要显示为：2.6（即最后的0不显示出）。如是2.00，就要显示为：2（即后面两个0都不显示）。如是2.665439，就显示为：2.67

请教：如何设置？
谢谢！
---------------------------------来个不华丽的分隔线先--------------------------
----------谢谢詹姆斯的继续关注，真诚的！
个中原因不多说了，说多了都像是借口。ROUND是对的。昨日的言语有些过火，表示真诚歉意！

参考技术A 右键---设置单元格格式--常规

===========

既然你已经 说你设置了 公式 四舍五入成两位，为什么还会跳出来这么多位？？？

这不自相矛盾么， 我的理解能力 赶不上了， 哎， 没办法

那就 麻烦你用个四舍五入的函数

推荐个 =round(A1,2) 给你 高手本回答被提问者采纳

如果此 div 内的元素（跨度）为空，则不显示 div

【中文标题】如果此 div 内的元素（跨度）为空，则不显示 div

【英文标题】：Display none a div if a element (span) inside this div is empty

【发布时间】：2018-07-20 11:15:47

【问题描述】：

如果此 div 中的 span 元素为空，我想在 div 上设置 display: none。

<div class="mydiv test1">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="myid"></span>
</div>
<div class="mydiv test2">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="myid">100</span>
</div>

在这个例子中，我想在第一个div 上设置display: none。如何使用 jQuery 做到这一点？

【问题讨论】：

请先尝试再询问

你不能自己做这个吗？看起来很简单......

我们总是乐于帮助和支持新的编码员，但您需要先帮助自己。在doing more research 之后，如果您有问题，请发布您尝试过的内容，并清楚说明哪些内容不起作用并提供a Minimal, Complete, and Verifiable example。阅读'How to Ask a good question' guide。另外，请务必take the tour 并阅读this

如果大家的答案都错了，如果你有正确的答案，请发布。

【参考方案1】：

$(document).ready(function() 
  $('.mydiv').each(function() 
    var eleSpan = $(this).children().siblings("span");
    if (eleSpan.html().trim().length === 0) 
      $(this).hide();
    
  );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mydiv test1">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="myid"></span>
</div>
<div class="mydiv test2">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="myid">100</span>
</div>

【参考方案2】：

遍历所有作为 div 子元素的 span，如果它们为空，则将父 (div) CSS 显示变量设置为 none。

$.each($('div > span'), function(index) 
  if($(this).is(':empty')) 
    $(this).parent().css('display', 'none');
  
);

【参考方案3】：

查看 cmets inline 并且您永远不应该有具有重复 id 值的元素。

// Get all the span elements into an array
var spans = Array.prototype.slice.call(document.querySelectorAll("span"));

// Loop over the span elements
spans.forEach(function(span)
  // Check to see if there is any text content
  if(span.textContent === "")
     span.parentElement.classList.add("hidden");  // Hide the parent
  
);

.hidden  display:none; 

<div class="mydiv test1">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="mySpan1"></span>
</div>

<div class="mydiv test2">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/1200px-Googlelogo.png" >
  <span id="mySpan2">100</span>
</div>