如何获得锚标签的标题，这是在一个列表中，并有类被选中

How to get the title of anchor tag which is inside a list and having class as selected

本文关键字：列表 一个 标签 何获得 标题      更新时间：2023-09-26

我在div标签内有一个非结构化列表(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>

在这种情况下，我应该得到私有，因为它的li有class="selected"。

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

您可以使用:

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

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

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

你的小提琴不响了

  • 不包含jquery
  • 未包含";对于某些类(但对其他类)
  • 与hasClass，它需要在引号中没有"。"，例如.hasClass("selected")
  • 试图在相关上下文之外使用this

Prop vs Attr

首选用法摘要

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

虽然prop确实工作，并且在您不确定使用哪个时是一个简单的退一步，但title应该是attr。

试试这个

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

更新提琴https://jsfiddle.net/rd9zttyn/3/这是工作良好

相关文章：