Javascript 如何在a<；中添加内容；部门>；使用js的空标记

如何使用

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>

jQuery（文档）.ready（函数（$）{
if（$（this）.find（'.price'）。为（':empty'））
document.getElementByClass（“demo”）.innerHTML=“仅通过查询”；

您可以使用css执行此操作：

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

看

注意：

do:

document.getElementsByClassName（“演示”）[0]

而不是：

document.getElementByClass（“演示”）

---

或者只需：

$（“.demo”）.html（“仅通过查询”）；

您通过错误的类名获取元素。您还应该调用

getElementsByClassName

而不是

getElementByClass

，它是复数形式，并且在末尾有

name

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

应该是

document.getElementsByClassName("price")[0]

jQuery（文档）.ready（函数（$）{
if（！$（document.find（'.price'）.html（）.length）
$（“.demo”）.html（“仅限查询”）；

还请记住，这将找到price类的第一个元素。如果要对每个元素执行此操作，请使用应用于类的jQuery

each（）

方法尝试以下操作：

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

$（函数（）{
如果（$（'.price'）。长度>0）{
如果（$（'.price'）.text（）=''）
$（'.demo'）.html（仅限查询）；
}
});

pseudo类似乎（至少在Chrome中）无法选择包含空格的元素（请参见）。此外，IE

getElementsByClassName

表达式

$（this.find（'.price'）不支持此功能。它是（':empty'））

表示您正在使用jQuery。如果问题相关，请用

jQuery

标记您的问题。您可以单击“编辑”请注意，这将跳过仅包含空白文本内容的

.price

元素。如果应包括这些元素，则

If

条件将需要使用：

！$.trim（$（document）.find（'.price'）.html（））.length

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