如何获取列表内的锚标签的标题并选择班级

Question

我在div标签中有一个非结构化的list（ ul ），我正在尝试获取锚标签的标题，该标签位于具有class="selected"的li内。

<div class="mainmenu">
    <div class="mainmenulinks">
        <ul>
            <li class="selected">
                <a class="topmenu-navigation-links" id="topMenuItem0" href="" title="Private">
                    <span class="span-link-Private">Private</span>
                </a>
            </li>

            <li>
                <a class="topmenu-navigation-links" id="topMenuItem1" href="" title="Business">
                    <span class="span-link-Business">Business</span>
                </a>
            </li>


            <li>
                <a class="topmenu-navigation-links" id="topMenuItem2" href="" title="Broker">
                    <span class="span-link-Broker">Broker</span>
                </a>
            </li>
        </ul>
    </div>
</div>

在这种情况下，我应该成为Private，因为它的li已经class="selected" 。

[更新]工作小提琴https://jsfiddle.net/prashantkumar_999/rd9zttyn/9/

Answer 1

您可以使用：

$("li.selected>a").attr("title")

如果需要更具体，可以在li之前添加，例如：

$(".mainmenu .mainmenulinks li.selected a").attr("title")

---

您的小提琴无法正常工作

• 不包括jQuery
• 不包含 ”。” 对于某些班级（但对于其他班级）
• 使用hasClass时，它必须用不带“。”的引号引起来，例如.hasClass("selected")
• 试图用this相关的内容以外

---

道具vs属性

首选用法摘要

.prop（）方法应用于布尔属性/属性以及html中不存在的属性（例如window.location）。 所有其他属性（可以在html中看到的属性）都可以并且应该继续使用.attr（）方法进行操作。

虽然prop确实可以正常工作，并且在您不确定要使用哪个的情况下很容易回退，但应该将title作为attr 。

Answer 2

尝试这个

$('li.selected').find('a').attr('title');

更新了Fiddle https://jsfiddle.net/rd9zttyn/3/正常工作