如何通过 <li> 元素的 id 获取 <li> 中 <span> 的 class 属性

Question

在我的 _Layout.cshtml 我有一个 <span> 里面有一个 <li> 例如：

<li id="li-id">
    <span class="my-btn-click">Button</span>
</li>

只有 <li> 元素的 id 是已知的，我想获取 <span> 元素的 class 属性（其 id 和 class 不是已知）。

我试过了

var classAttr = $("#li-id").closest("span").attr("class")

但这给出了 'undefined'。任何帮助将不胜感激。

Answer 1

var classAttr = $("#li-id > span").attr("class");

Answer 2

closest() 的使用是错误的。

console.log($("#li-id").find("span").attr("class"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li id="li-id">
    <span class="my-btn-click">Button</span>
</li>

Answer 3

在 JavaScript 中，您可以使用查询选择器获得 class：

var classAttr = document.querySelector('li#li-id span').attributes.class.value

如何通过 <li> 元素的 id 获取 <li> 中 <span> 的 class 属性

How to get the class attribute of a <span> inside a <li> by id of the <li> element

jquery

razor