Question

如何使用<div>在js标记内添加内容为空？

<div class="price"></div>

当它为空时我希望它显示此

<div class="price">"By Enquiry Only"</div>

我尝试了这个，但它不起作用

<script>
jQuery(document).ready(function($){
  if ($(this).find('.price').is(':empty'))
    document.getElementByClass("demo").innerHTML="By Enquiry Only";
</script>

Answer 1

<script>
jQuery(document).ready(function($){
 if ( !$(document).find('.price').html().length )
  $(".demo").html("By Enquiry Only");
</script>

另请注意，这将找到价格等级的第一个元素。如果您想为每个人执行此操作，请使用应用于您的类的jQuery each()方法

Answer 2

您可以使用css：

执行此操作

.price:empty:after
{
    content: "By Enquiry Only";
}

请参阅Fiddle

注意：

执行：document.getElementsByClassName("demo")[0]

而不是：document.getElementByClass("demo")

或者只是：$(".demo").html("By Enquiry Only");

Answer 3

您通过错误的类名获取元素。您还应该致电getElementsByClassName而不是getElementByClass，它是复数，最后有Name。

document.getElementsByClass("demo"); //demo is wrong class name

应该是

document.getElementsByClassName("price")[0]

Answer 4

试试这个：

<script>
$(function(){
  if ($('.price').length > 0){
     if($('.price').text() == '')
        $('.demo').html('By Enquiry Only');
  }
});
</script>

如何使用js </div>在<div>标记内添加内容

4 个答案: