2011-09-29 54 views
1

我想要什麼:查找標籤<a>,把一個單詞中的元素與jQuery

如果內標籤<li>沒有標記<a>,然後 - 插入Word「空」到<div class="tooltip"> </div>

我該如何使用jQuery來做到這一點?

<ol> 
    <li><input name="hotel_id[]" value="14" style="display:none;"> 
    <div class="tooltip" style="top: 439px; left: 717px; display: none; "> 
    </div> 
    <a href="" class="tool_tip" title="ok">Hello</a></li> 

    <li><input name="hotel_id[]" value="5" style="display:none;"> 
    <div class="tooltip" style="opacity: 0.9; top: 439px; left: 717px; display: none; "> 
    </div> 
    <a href="" class="tool_tip" title="">How</a></li> 

    <li><input name="hotel_id[]" value="4" style="display:none;"> 
    <div class="tooltip" style="top: 439px; left: 717px; display: none; opacity: 0.9; "> 
    </div> 
    <a href="" class="tool_tip" title="">Are</a></li> 

    <li><input name="hotel_id[]" value="3" style="display:none;"> 
    <div class="tooltip" style="opacity: 0.9; top: 439px; left: 717px; display: none; "> 
    </div> 
    <a href="" class="tool_tip" title="">Help</a></li> 

    <li><input name="hotel_id[]" value="2" style="display:none;"> 
    <div class="tooltip" style="top: 439px; left: 717px; display: none; "> 
     // I want append here word "Empty" that there is not tag a in li 
    </div></li> 

    <li><input name="hotel_id[]" value="1" style="display:none;"> 
    <div class="tooltip" style="top: 439px; left: 717px; display: none; "> 
     // I want appen here word "Empty" that there is not tag a in li 
    </div></li> 
</ol> 

回答

1

看後:不和:具有:

$("li:not(:has(a))").find(".tooltip").html("Empty").removeAttr("style"); 

我刪除的樣式屬性上.tooltip,如果你不需要,只是改變它以顯示()而不是顯示.tooltip:

$("li:not(:has(a))").find(".tooltip").html("Empty").show(); 

演示:http://jsbin.com/uyuwoy/edit

0

這會工作:

​​