javascript - 使用 jQuery 查找特定的 HTML 元素

标签 javascript jquery html svg

我正在尝试弄清楚这个 javascript 库及其用途。

self.o.selector = "[id^=landmarks] > *"
$(self.o.selector, this).each(function () {

因此,这将选择 this 中遵循 self.o.selector 格式的所有元素

这将在 SVG 中找到多边形元素,如下所示

<g id="landmarks-ground">
    <polygon fill="#91BF39" points="698.6,172 719.4,199.6 670.7,209.9 650.6,181.8   "/>
    <polygon fill="#91BF39" points="760.3,211.3 767.6,220.6 746.2,225.4 739.1,215.9     "/>
    ...

我可以如何使选择器代码如此,以便它选择像这样格式化的多边形?

<g>
    <g>
        <g class="st0">
            <g>
                <polygon class="st1" points="1052.2,287.8 1053.7,296.6 1040.5,304.1 1038.9,295.3                "/>
            </g>
            <g>
                <polygon class="st2" points="1052.2,287.8 1053.8,296.6 1052.6,300.4 1051,291.5              "/>
            </g>
            <g>

最佳答案

只需将多边形标记选择到您的类中,如下所示:

$('.st0 polygon').each(function(){
  //code
});

关于javascript - 使用 jQuery 查找特定的 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37730093/

相关文章:

javascript - 使用 Javascript 无缝移动 HTML 对象

javascript - JQuery 绑定(bind)样式更改

javascript - 在 Firebase 中处理多个 URL 以供引用?

javascript - 在 javascript 变量中使用来自发布请求的结果

javascript - 使用 typeScript 转换日期对象属性数组

javascript - 从两个不同的事件调用相同的函数以进行同时处理

jquery - 获取元素-moz-transform :rotate value in jQuery

javascript - Particles.js 作为背景?

html - 默认输入边框在 div 上显示不同

javascript - momentjs 将 moment 对象添加到数组中