Select li elements in #nav that have a tag, but do not have http in href attribute
To add an image to local links in a navigation menu I need to use jQuery to select the <li> elements in #nav that have an <a> tag, but do not have http in href attribute
HTML
<table>
<tr>
<td id="nav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="schedule.php">Concert Schedule</a></li>
<li><a href="schedule.php#tickets">Ticket Information</a></li>
<li><a href="auditions.php">Auditions</a></li>
<li><a href="donationsSponsors.php">Sponsorship/Donations</a></li>
<li><a href="board.php">CLSO Board</a></li>
<li><a href="contact.php">Contact Us</a></li>
<li><a href="about.php">About CLSO</a></li>
<li><br /></li>
<li id="cbLink"><strong><a href="carminaBurana.php">Carmina Burana</a></strong></li>
<li><br /></li>
<li><a href="http://www.facebook.com/group.php?gid=298508317957"><img id="facebookImgLink" src="images/facebookLogo.png" alt="Image link to CLSO on Facebook" /></a></li>
</ul>
</td>
</tr>
</table>
CSS
#nav ul { list-style-type: none; }
#nav {
background-color: #BCBCBC;
width: 180px;
vertical-align: top;
padding-top: 30px; }
#nav a {
text-decoration: none;
padding-left: 15px; }
.addNote {
background-image: url(../images/menuNote15h.png);
background-repeat: no-repeat;
color: #FFFFFF;
}
#nav ul { padding-left: 20px; }
#cbLink { font-size: larger; }
#facebookImgLink { width: 20px; }
JavaScript
$(function() {
//$("div").not(":has(img)")
//$("div:not:has(img)");
// select all <li> elements in #nav that have an <a> tag, but do not have http in href attribute
//$('div:not([class])')
$('#nav li:not([href^="http"]').hover(function() {
$(this).toggleClass('addNote');
});
/* this applies class to all li tags in menu
$('#nav li').hover(function(){
$(this).toggleClass('addNote');
});
*/
});