简化jquery父母和孩子

时间:2010-08-11 07:59:55

标签: jquery jquery-selectors

我必须得到一个远方父母的孩子的属性href ...

现在我可以使用这个冗长的陈述

var uid = $(this).parents(':eq(7)').children( ).find('.p_cell')
.children(':eq(0)').children(':eq(0)').attr('href');

请使用'>'的任何字符串和':'可以简化陈述

感谢

Pradyut

印度

1 个答案:

答案 0 :(得分:1)

没有知道HTML,您可以像这样使用:first-child

var uid = $(this).parents(':eq(7)')
                 .find('> * .p_cell > :first-child > :first-child').attr('href');

如果该父级有一个你可以访问的类,而不是说第8个父级,你可以通过使用.closest()匹配的选择器找到它。例如,如果父母是这样的<div>

<div class="container">

你可以这样做:

var uid = $(this).closest('.container')
                 .find('> .p_cell > :first-child > :first-child').attr('href');

但是,如果您发布了HTML,这可能会变得更加简单。