Hi, I have a couple of questions about selectors. I have the
following HTML:
=====
Some <a> elements and <input> elements here.
...
...
<a id="info-1-heading">Information Type 1</a>
<div>
<div>
<input class="cat" id="first" type="checkbox"/><label
for="first">First</label>
</div>
<div>
<input class="cat" id="mid" type="checkbox"/><label
for="mid">Middle</label>
</div>
<div>
<input class="info1-cat" id="last" type="checkbox"/><label
for="last">Last</label>
</div>
</div>
...
...
More <a> elements and <input> elements here.
=====
Question 1:
In the click handler of the first checkbox, I would like to get the
first, middle, and last checkboxes (but not the other checkboxes on
the page). What selector should I use?
Question 2:
In the click handler of the first checkbox, I would like to get the
first <a> element that it finds traversing up the hierarchy (i.e. the
<a> with id="info-1-heading"). What selector should I use?
Thank you.
