最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery选择器:last-child不起作用解决办法

来源:懂视网 责编:小采 时间:2020-11-27 20:19:02
文档

jquery选择器:last-child不起作用解决办法

jquery选择器:last-child不起作用解决办法:jquery :last-child不起作用。 贴上源代码<!DOCTYPE html> <html> <head> <style> span.solast { text-decoration:line-through; } </style> <script src="
推荐度:
导读jquery选择器:last-child不起作用解决办法:jquery :last-child不起作用。 贴上源代码<!DOCTYPE html> <html> <head> <style> span.solast { text-decoration:line-through; } </style> <script src="

jquery :last-child不起作用???

贴上源代码

<!DOCTYPE html>
<html>
<head>
<style>
span.solast { text-decoration:line-through; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
<div id="clearFloat"></div>

</div>
<div>
<span>Glen,</span>
<span>Tane,</span>

<span>Ralph,</span>
<span>David</span>
<div id="clearFloat"></div>

</div>
<script>
$("div span:last-child").css({color:"red", fontSize:"80%"})

</script>

</body>
</html>

为什么一加上 <div id="clearFloat"></div>后

$("div span:last-child").css({color:"red", fontSize:"80%"})

这句话就不能生效呢?收起

我的目的是获取每个div下面的最后一个span元素
并设置css样式

$.each($("body>div"),function(i){
 $(this).children("span").last().<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuyu9rjRkujNWnvfvrjIB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRLnWDzPj0Y" target="_blank" class="baidu-highlight">css</a>({color:"red", fontSize:"80%"})
 });

改为

$("div span:last").css({color:"red", fontSize:"80%"})

因为最后一个孩子 已经不是span了。

我的目的是获取每个div下面的最后一个span元素
用last只能匹配一个元素啊

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

jquery选择器:last-child不起作用解决办法

jquery选择器:last-child不起作用解决办法:jquery :last-child不起作用。 贴上源代码<!DOCTYPE html> <html> <head> <style> span.solast { text-decoration:line-through; } </style> <script src="
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top