only-child selector

only-child selector

by Mingtao Sun

HTML

<ul id='ul1'>
  <li>1</li>
  <li>2</li>
</ul>

<ul id='ul2'>
  <li>3</li>
</ul>

<ul id='ul3'>
  <li>4</li>
</ul>

<div id ='log'></div>

JavaScript

$(function() {
    var onlyChild = $('ul :only-child');
    onlyChild.each(function(){
		    $('#log').append($(this).text());    
    });
});