Question

我有一个下面的代码。我自己尝试了几种方式..但我无法正确使用它。

<div id="div1">
<canvas></canvas>
<div>
</div>
</div>

我需要做的是。首先我需要检查div是否有子div。如果它有子div，则需要在其中添加span。如果没有子div意味着需要添加子div并且需要添加span。

if($("#div1").has child div)
{
do nothing
}
else{
add div
}

在其他一些实例中，我需要在内部div中添加一些span。请帮我.. 提前谢谢..

Answer 1

if ($('#div1').find('div').length) {

} else {

}

Answer 2

这是您需要的JavaScript代码：

// If no child DIV, add one
if ($("#div1 > div").size() == 0) {
  $("#div1").append('<div></div>');
}

// Append a span to the child DIV
$("#div1 > div").append('<span>This is a span.</span>');

DEMO与孩子DIV：

＆＃13;

if ($("#div1 > div").size() == 0) {
  $("#div1").append('<div></div>');
}

$("#div1 > div").append('<span>This is a span.</span>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="div1">
  <canvas></canvas>
  <div></div>
</div>

＆＃13;

没有孩子的DEMO DIV：

＆＃13;

if ($("#div1 > div").size() == 0) {
  $("#div1").append('<div></div>');
}

$("#div1 > div").append('<span>This is a span.</span>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="div1">
  <canvas></canvas>
</div>

＆＃13;

Answer 3

if($('#div').children().find('div').length)
{
}
else
{
  $('#div').append('<div>Hi</div>');
}

Answer 4

if ( $('#div1').find('div').size() != 0 ) {

} else {

}

Answer 5

see demo试试这个

<div id="div1">
    <canvas></canvas>
    <div></div> <!-- check also after removing this  -->
</div>


(function(){
    var nestDiv = $('#div1').children('div').length;
    if(nestDiv>0){
        $('#div1').children('div').append($('<span></span>',{
            text:'Hello',
            class: 'nestSpan'
        }));
    }else{
        $('#div1').append($('<div><span>hello from double nested</span></div>'));
    }

})()

Answer 6

请参阅以下代码： -

$(document).ready(function() {

    var mainDiv = $('#div1');
    if (mainDiv.find('div').length) {
        mainDiv.find('div').append("<span>").text("dev");
    } else {

        mainDiv.append("<div>").append("<span>").text("dev");
    }
});

我已经为你创建了一个jsfiddle示例： - http://jsfiddle.net/c2S5d/11/

你可以编辑以查看附加div的功能......

如何在javascript或jquery中找到一些元素将child作为div？

6 个答案: