element级联选择器 直接输出最后一级的数据
时间: 2024-05-04 12:15:55 浏览: 86
好的,让我来回答你的问题。
如果你想直接输出 element 级联选择器中的最后一级数据,可以使用 jQuery 的 .last() 方法或者 .eq() 方法来实现。
例如,假设你有一个 HTML 结构如下:
```
<div class="wrapper">
<ul>
<li>
<a href="#">Link A</a>
<ul>
<li><a href="#">Sub Link 1</a></li>
<li><a href="#">Sub Link 2</a></li>
<li><a href="#">Sub Link 3</a></li>
</ul>
</li>
<li>
<a href="#">Link B</a>
<ul>
<li><a href="#">Sub Link 1</a></li>
<li><a href="#">Sub Link 2</a></li>
<li><a href="#">Sub Link 3</a></li>
</ul>
</li>
<li>
<a href="#">Link C</a>
<ul>
<li><a href="#">Sub Link 1</a></li>
<li><a href="#">Sub Link 2</a></li>
<li><a href="#">Sub Link 3</a></li>
</ul>
</li>
</ul>
</div>
```
如果你想输出每个 li 元素中的最后一个 a 元素的文本内容,你可以这样做:
```
$('.wrapper li').each(function() {
var lastLink = $(this).find('a').last();
console.log(lastLink.text());
});
```
或者你也可以使用 .eq() 方法来获取某个特定位置上的元素:
```
$('.wrapper li').each(function() {
var lastLink = $(this).find('a').eq(1);
console.log(lastLink.text());
});
```
以上代码中的 .each() 方法是用来循环每一个 li 元素的。在这个循环内部,我们可以使用 .find() 方法来找到每个 li 元素下的 a 元素。接着,我们可以使用 .last() 方法或者 .eq() 方法来找到这些 a 元素中的最后一个或者某个特定位置的元素。最后,使用 .text() 方法来获取文本内容并输出到控制台中。
希望这个回答对你有帮助。如果你还有其他问题,请随时问我。
阅读全文