隐藏最后一个 <div> 元素内的最后一个、最后两个元素

引用jquery文件

<div class="xx">

<p>元素一</p>

<img src=""  alt="元素二" >

<p>元素三</p>

</div>
<script src="jquery.js"></script> //jquery.js文件
<script>
$(function(){
$(".xx img:last").hide(); //选择id为x最后一个div,然后隐藏的意思

//另一张写法选择id为x最后一个div,然后隐藏的意思

//$(".xx img").last();

 

$(".xx p").eq(-2).hide();//选择id为x最后一个div,然后隐藏的意思
})
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码是一个简单的 HTML 页面,其中包含一个标题和div 元素。页面使用了一些 CSS 样式来定义元素的外观和行为。 首先,页面的标题为 "直播数据",使用了 `title` 元素来定义。接下来,定义了一些 CSS 样式,包括 `.right` 和 `.left` 类的样式。 `.right` 类的样式设置了浮动到右侧、高度为 40 像素、宽度为 20 像素。 `.left` 类的样式设置了右边距为 25 像素、宽度自适应、高度为 40 像素。 在 `body` 元素中,设置了 `user-select: none;` 来禁止用户选择文本,以及 `overflow: hidden;` 来隐藏页面的滚动条。 在页面的内容部分,有一个 id 为 "root" 的 div 元素作为根容器。其中包含了一个 id 为 "title" 的 div 元素一个 id 为 "livedata" 的 div 元素。 "id" 为 "title" 的 div 元素使用了 `-webkit-app-region:no-drag` 样式属性,表示该元素不可拖动。 "id" 为 "livedata" 的 div 元素没有添加任何样式。 修复后的代码如下所示: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>直播数据</title> <style> .right { float: right; height: 40px; width: 20px; } .left { margin-right: 25px; width: auto; height: 40px; } body { user-select: none; overflow: hidden; } </style> </head> <body> <div id="root"> <div id="title" style="-webkit-app-region: no-drag" class="right"></div> <div style="-webkit-app-region: drag" class="left"> 添加数据源 </div> <div id="livedata"></div> </div> </body> </html> ``` 请注意,代码中的注释 `<!-- ... -->` 已被移除,因为在 HTML 中使用 `<!-- ... -->` 来注释代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值