FindThis

by TrueBlueAussie

HTML

<ul>
    <li> <a>
      <button>click me</button>
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ2ApvHAHzk3RNOYHk6PDU4NQk5U58k2b6vW4bmTi5h5-HcV-T0" />
    </a>

    </li>
    <li> <a>
      <button>click me</button>
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ2ApvHAHzk3RNOYHk6PDU4NQk5U58k2b6vW4bmTi5h5-HcV-T0" />
    </a>

    </li>...</ul>
<ul>
    <li> <a>
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ2ApvHAHzk3RNOYHk6PDU4NQk5U58k2b6vW4bmTi5h5-HcV-T0" />
    </a>

        <button>click me</button>
    </li>
    <li> <a>
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ2ApvHAHzk3RNOYHk6PDU4NQk5U58k2b6vW4bmTi5h5-HcV-T0" />
    </a>

        <button>click me</button>
    </li>...</ul>

CSS

image

JavaScript

// Test case
$(function () {
    $('a').click(function () {
        $(this).parents(':has(button):first').find('button').css({
            "border": '3px solid red'
        });
    });
});