仅<a>在带有div的div中</a>选择

Question

How do I select the 1st a in this code with JavaScript? (href=some.php)

<div class="accordionButton"><div id="acr_btn_title"><a href="some.php"><p>stuff</p></a></div><div class="hn_little_box"></div></div>
            <div class="accordionContent" >
                <ul>
                    <li><a href="page_01">Page 01</a></li>
                    <li><a href="page_02">Page 02</a></li>
                    <li><a href="page_03">Page 03</a></li>
                </ul>
        </div>

I want to make it so when that <a> is clicked, the JavaScript doesn't execute. This is for an accordion side nav, so when it's clicked the accordion doesn't expand, but still tells the browser to go to that page.

I'm thinking something like this:

 <script type="text/javascript">
  $('#acr_btn_title a').click(function() {
      return false;
  });
  </script>

but this stops the link from working. I just want the JavaScript to stop, not stop the <a> from functioning!

Answer 1

You're very close, but if you only want the first one, use the :first selector:

$('#acr_btn_title a:first').click(function() { 
    return false; 
});

---

I'd suggest you use preventDefault() and stopPropagation() instead of return false , though:

$('#acr_btn_title a:first').click(function(e) { 
    e.preventDefault();
    e.stopPropagation();
});

---

Do take note that you cannot make sure that a javascript is called when clicking a link. What you can do though, is add the link logic to the click event, but prevent the default:

$('#acr_btn_title a:first').click(function(e) { 
    e.preventDefault();
    e.stopPropagation();

    //Your javascript goes here

    location.href = $(this).prop('href');
});

---

You can also place the accordion logic (if you control it) on anything but the first one using gt() :

$('#acr_btn_title a:gt(0)').accordionPlugin();

or refer to a elements with the href attribute not set to eg. # :

$('#acr_btn_title a[href!=#]').accordionPlugin();

Answer 2

由于您使用的是jQuery，请尝试$($("#acr_btn_title a")[0])