Question

how can I select the:

<a href="javascript:void(0)" class="chzn-single">

starting from the:

<div class="field_with_errors">

Here is the complete code:

<div class="field_with_errors">
    <label for="municipio_uf">Uf</label>
</div>
<select id="municipio_uf_id" name="municipio[uf_id]" style="display: none; " class="chzn-done">
    <option value="">-</option>
    <option value="1">Parana</option>
    <option value="2">Sao Paulo</option>
    <option value="3">Minas Gerais</option>
    <option value="4">Mato Grosso</option>
    <option value="5">Mato Grosso do Sul</option>
    <option value="6">Santa Catarina</option>
</select>
<div id="municipio_uf_id_chzn" class="chzn-container chzn-container-single" style="width: 265px;">
    <a href="javascript:void(0)" class="chzn-single"><span>-</span>
    <div>
        <b></b>
    </div>
    </a>    
</div>

Thanks.

Answer 1

If your structure will always be exactly that way, you could use:

div.field_with_errors + select.chzn-done + div.chzn-container a.chzn-single

The + is a sibling selector, so it will only select that particular a.chzn-single.