jQuery Children vs Sibling(s),其中$(this)作为选择器父元素

Question

好吧,我怀疑在我的页面上会有数十个这样的,所以我正在尝试构建一个单独的函数来正确处理它们而不必反复回收代码并更改元素的ID或类名以使其工作.

我的HTML看起来像:

<div class="button_select">
    <ul class="button_select_toggle">
        <li>
            <div class="button_select_text">Menu Text</div><div class="button_select_arrow">V</div>
        </li>
    </ul>
    <ul class="button_select_sub" rel="hidden">
        <li>Text</li>
        <li>Text</li>
        <li>Text</li>
        <li>Text</li>
    </ul>
</div>

我目前正在尝试做的是使用类button_select_sub专门获得UL,这样我就可以得到它的rel值.在某种程度上这是肯定的,如果这将是任何给定页面上的唯一一个,但是这将在任何给定页面上知道多少次.因此,我试图制作处理它们的通用功能.无论如何,我上次失败的尝试是:

var selectstatus = $(this).siblings('.button_select_sub').attr('rel');
alert('status: '+selectstatus);

但在警报中我得到"状态:未定义"也许我没有正确使用兄弟姐妹？也许是另一种选择.另外值得一提的是button_select_sub可能并不总是div中的最后一个UL,所以我不能这样做:最后一个.

香港专业教育学院也试过,孩子们().找到()..和其他几个人,我知道它可能我不能把它连在一起吧.

Answer 1

如果$(this)指的是格"button_select"那么我认为你应该使用children没有siblings.

var selectstatus = $(this).children('.button_select_sub').attr('rel');
alert('status: '+selectstatus);