使用jQuery查找特定的HTML元素

时间:2016-06-09 15:22:04

标签: javascript jquery html svg

我正在试图找出这个javascript库以及它的作用。

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

因此,这将选择self.o.selector

this格式后面的所有元素

这会在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>

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

根据Jules的回答和Eric的评论,答案可能是

rewire

说明:

  • 来自任何元素“g”
  • 有任何以“st”开头的课程
  • 选择
  • 中的任何元素“polygon”

答案 2 :(得分:1)

对nicolallias的小小关注,

$('g g').is('[class^="st"]').find('polygon').each(function({
   //code
});