jQuery遍历父标签

Question

I'm having trouble traversing to find a certain element. I have the following html:

<div class="form-group">
        <label for="example" class="col-sm-2">Example</label>
        <div class="col-sm-10">
            <input type="text" name="example" class="form-control">
        </div>
    </div>

I can select the input example, and I would like to select the contents of label, so it would be "Example". I can't do parent().parent() because since I'm using bootstrap, if I had a radio or a select, the tree would be different. Any suggestions?

Answer 1

You can target it with closest()

$('.form-control').closest('.form-group').find('label:eq(0)').text()

OR

$('.form-control').closest('div').prev('label').text()

OR

$('.form-control').closest('div').siblings('label').text()

Answer 2

Try jQuery's .closest();

More info on their documentation page which can be found here: .closest()