Более эффективный способ сделать parent (). Parent (). Parent () и т. Д. В jquery.
В этом сценарии, который я пишу, я использую .parent () до семи раз подряд для получения элементов. Хотя это работает, кажется, что может быть / должен быть более простой способ сделать эту / функцию, о которой я не подозреваю. Любые идеи, кроме более конкретных классов / идентификаторов на больше элементов?
По сути, мой вопрос сводится к доступу к div с идентификаторомouter
когда у меня есть ссылка на диапазон с идентификатором «innerSpan» в HTML ниже:
<div id='outer'>
<a href="some_url">
<span id="inner">bla bla</span>
</a>
</div>
В настоящее время я бы сделал что-то вроде этого:
var outer = $('#inner').parent().parent()
и это сходит с ума с глубоко вложенными элементами.
Another example:
Вот мой HTML:
<div id="options_right">
<table id="product_options_list" class="table table-bordered">
<tbody id="1">
<tr>
<td>
<select name="option_1_val[0]" class="option_table_select">
<option value="Red">Red</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
</select>
</td>
<td>
<table class="table sub_options" id="0">
<tbody>
<tr>
<td>
<select name="option_1_sub[0][]" class="option_table_select sub_option_select">
<option value="">None</option>
<option value="2">Size</option>
</select>
<div class="sub_option_value_holder">
<select name="option_1_sub_val[0][]" class="sub_option_values" style="display:none;"></select>
</div>
</td>
<td>
<a href="#" class="remove_sub_option btn btn-primary">Remove</a>
</td>
<td>
<a href="#" class="add_sub_option btn btn-primary">Add Another</a>
</td>
</tr>
</tbody>
</table>
</td>
и мой сценарий. я написал функцию и должен передать ей идентификаторы основных строк tbody, а также идентификатор вторичных таблиц, чтобы я мог динамически добавлять больше строк Вам действительно не нужна эта функция для этого вопроса, но в основном я получаю такие идентификаторы так:
get_suboption_row($(this).parent().parent().parent().parent().parent().parent().parent().attr('id'), $(this).parent().parent().parent().parent().attr('id'));
Спасибо
jsFiddle:http://jsfiddle.net/Hg4rf/
нажмите добавить еще один, чтобы вызвать событие