Thêm nội dung nếu phần tử là không có sản phẩm nào

Question

HTML:

<div id="parent"> 
    <div class="child"></div> 
    <div class="child"><p>Div with content<p></div> 
    <div class="child"><img scr="pic.png" alt="Div with picture" /></div> 
</div> 

Kết quả tôi muốn:

<div id="parent"> 
    <div class="child"></div> 
    <div class="child"><h1>title</h1><p>Div with content<p></div> 
    <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div> 
</div> 

mã jQuery của tôi:

$(".child").each(function() { 
    if ($(this).html != '') 
     $(this).prepend('<h1>title</h1>'); 
}); 

quả với mã jQuery của tôi:

<div id="parent"> 
    <div class="child"><h1>title</h1></div> 
    <div class="child"><h1>title</h1><p>Div with content<p></div> 
    <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div> 
</div> 

Vì vậy, tôi chỉ muốn thêm tiêu đề cho mỗi div của một lớp nhất định không trống.

Answer 1

$(".child:not(:empty)").prepend('<h1>title</h1>'); 

jQuery empty selector

Answer 2

$(".child").each(function() { 
    if ($(this).html()) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 3

Sử dụng độ dài để kiểm tra thay thế.

$(".child").each(function() { 
    if ($(this).html().length) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 4

Bạn có một không khép kín <p> và để có được html của selector, bạn sử dụng một chức năng, không phải là một thuộc tính:

$(this).html() 

fiddle bạn http://jsfiddle.net/bCKGV/

mỏ http://jsfiddle.net/bCKGV/1/

Answer 5

$("#parent .child").each(function() { 
    if ($.trim($(this).html()).length > 0) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 6

Hãy thử điều này:

$(".child:not(:empty)").prepend('<h1>title</h1>'); 

OR:

$("#parent .child").each(function() { 
    if ($(this).html()) 
     $(this).prepend('<h1>title</h1>'); 
});