Removing li when no href with jquery from div

Question

hi,

I have a div as below:

<div id="DivInteractive">
     <p><strong>INTERACTIVE ONLINE BROCHURE</strong></p>
     <ul>
                  <li><a href="" target="_blank"/></li>
                        <li><a href="http://www.espireinfo.com" target="_blank">Internship brochure Interactive 2008</a></li>
                        <li><a href="http://www.google.com" target="_blank">OPUS EU Flyer Interactive 2009</a></li>
                        <li><a href="http://www.rai.com" target="_blank">2009 PLI Interactive Brochure</a></li>
                        <li><a href="http://cmsstag/index.aspx" target="_blank">Worldwide brochure Interactive English 2009</a></li>
                </ul>
</div>

Now I want to remove the li if there is no href coming from above div through jquery in above case when page will be loaded, it will remove the first li and my output will be as given below:

<div id="DivInteractive">
         <p><strong>INTERACTIVE ONLINE BROCHURE</strong></p>
         <ul>

                            <li><a href="http://www.espireinfo.com" target="_blank">Internship brochure Interactive 2008</a></li>
                            <li><a href="http://www.google.com" target="_blank">OPUS EU Flyer Interactive 2009</a></li>
                            <li><a href="http://www.rai.com" target="_blank">2009 PLI Interactive Brochure</a></li>
                            <li><a href="http://cmsstag/index.aspx" target="_blank">Worldwide brochure Interactive English 2009</a></li>
                    </ul>
    </div>

Please suggest any solution using jquery

Answer 1

Does this work?

$("#DivInteractive li:has(a[href=''])").remove();

Answer 2

I'm not so great with regex, but to add to Cletus' answer, I would do:

$("#DivInteractive li:has(a[href='regex(check for on or more spaces)'])").remove();

This way, it would remove it if the href was set to "" or " " or whatever.