More efficient way to do parent().parent().parent() etc. in jquery
===

In this script I'm writing, I find myself using .parent() up to seven times in cascade.  While this works, it seems like there could/should be an easier way to do this/ function I'm unaware of.  Any Ideas other than more specific classes/ids on more elements?

Here my 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>

and my script. i wrote a function and need to pass it the ids of the main rows tbody as well as the secondary tables id so i can dynamically add more rows.  You don't really need that function for this question but basically i get those ids like so:

    get_suboption_row($(this).parent().parent().parent().parent().parent().parent().parent().attr('id'), $(this).parent().parent().parent().parent().attr('id'));

thanks
	
