jquery学习 - jquery选择孩子元素和个数/获取css属性

页面导航:首页 > 网络编程 > JavaScript > jquery学习 - jquery选择孩子元素和个数/获取css属性

jquery学习 - jquery选择孩子元素和个数/获取css属性

来源: 作者: 时间:2016-02-02 09:58 【

选择器选择孩子元素和css属性获得孩子元素的个数选择器jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便。选择孩子元素和css属性先看下面的代码:SelectColor = $(Co

选择器 选择孩子元素和css属性 获得孩子元素的个数

选择器

jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便。

选择孩子元素和css属性

先看下面的代码:

SelectColor = $(ColorId).children('svg').children('rect').css('fill');

这个代码很容易懂。首先:

ColorId = $(“#id”);
svg是一个子元素的标签。
rect是svg下的子元素
fill是rect的一个css属性

可以看到我用了两个children, 是因为jquery里每次只能选择一层的子元素,不能越层级。

获得孩子元素的个数

其实这个也很简单。
例如我们有下面代码:


这个是例子的html代码。我们想获取id = c0的下面的polyline的个数:(应该为2) 代码如下:

var polyNum = $('#co').children('svg').children('polyline');

alert(polyNum.length);

这个就是获取个数的了。

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<