如何获取此 ul 列表的值

Question

代码是这样的：

<ins>
    <div class="dropdown">
        <ins>&nbsp;</ins>
        <ul id="eventselect">
            <li><a href="javascript:;" rel="Birthdays">Birthdays</a></li>
            <li><a href="javascript:;" rel="Graduation">Graduation</a></li>
            <li><a href="javascript:;" rel="Wedding">Wedding</a></li>
            <li><a href="javascript:;" rel="Farewell">Farewell</a></li>
            <li><a href="javascript:;" rel="Party">Party</a></li>
            <li><a href="javascript:;" rel="Bbq">Bbq</a></li>
            <li><a href="javascript:;" rel="Party">Party</a></li>
            <li><a href="javascript:;" rel="Warming_party">Housewarming</a></li>
            <li><a href="javascript:;" rel="Christmas">Christmas</a></li>
            <li><a href="javascript:;" rel="Other">Other</a></li>
        </ul>
    </div>
</ins>

我尝试了以下代码来访问该值：

$("#eventselect").val();
$("#eventselect :selected").text();

但没有任何效果，现在我的问题是如何获取该值。

编辑 - 1

大家好， 抱歉，我意识到我不应该使用这个 $("#eventselect :selected").text(); 。有一个问题，我得到的列表以空选择框开头，我认为它来自  ，如果我删除它，我我没有在列表中得到任何东西。通过使用该标签，我可以使用 $("#eventselect li").text(); 访问值或文本。但即使第一个 li 为空白，该值也是生日。如何纠正呢？

Answer 1

访问 UL 的“选定值”的一种方法是，如果您可以通过类将其中一个与其他值区分开来。假设选定的元素在 LI 元素上具有 selected 类。然后您可以像这样访问它：

$('#eventselect li.selected a').text();

或者如果您想要 rel 属性：

$('#eventselect li.selected a').attr('rel');

将所选值与其他属性区分开来的一种方法是这样做：

$('#eventselect li a').click(function(){
    $('#eventselect li').removeClass('selected'); // remove all selected class values
    $(this).parent().addClass('selected'); // add class selected to selected value
});

您可以通过单击获取所选值事件也一样，像这样：

$('#eventselect li a').click(function(){
    $(this).attr('ref'); // Get the ref attribute from the "a" element
});