插入< span>标签，其内容为空的< div> jQuery中的标签 [英] Insert a <span> tag with content in an empty <div> tag in jQuery

问题描述

原始HTML:

<div class = "a">
  <div class="firstNumber">
     <span class="spanClass">4</span>
  </div>

  <div class="secondNumber"> </div>
</div>

<div class = "b">
     ..."firstNumber" div tag repeats here...
     ..."secondNumber" div tag repeats here too but might contain content...

</div>

我使用以下代码检查"secondNumber" div标签是否为空. 如果是的话，那么我想添加"0"，并用具有相同"spanClass"名称的span标签包裹 在"secondNumber" div标签内.但这不起作用...

I used following code to check if "secondNumber" div tag is empty. If it is, then I want to add "0" wrapped with a span tag with the same "spanClass" name inside the "secondNumber" div tag. But it's not working...

<script>
    jQuery(function ($) {
        if ($.trim($('.secondNumber').text()).length==0){
             $(".secondNumber").wrapInner("<span class="spanClass">0</span>"); 

        };
    });
</script>

推荐答案

尝试一下:

$('.secondNumber').each(function(i, el) {

   if($(this).find('.spanClass').length == 0) {

        $(this).html('<span class="spanClass">0</span>');

   }

});

修改

$(function() {
    $('.secondNumber').each(function(i, el) {

       if($(this).find('.spanClass').length == 0) {

            $(this).html('<span class="spanClass">0</span>');

       }

    });
});

这篇关于插入< span>标签，其内容为空的< div> jQuery中的标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！