将元素类访问到'；在DOM中重新设置（jQuery）

我有以下DOM结构：

<div id="cont">
<ul>
    <li>
        <span class="c1"><span class="c2">...</span><span class="c3">...</span></span>
    </li>
    <li>
        <span class="c1"><span class="c2">...</span><span class="c3">...</span></span>
    </li>
    <li>
        <span class="c1"><span class="c2">...</span><span class="c3">...</span></span>
    </li>
    ...
    <li>
        <span class="c1"><span class="c2">...</span><span class="c3">...</span></span>
    </li>
</ul>
</div>

我想做的是访问相对于当前dom位置的“c2”和“c3”元素。我希望循环相对于DOM顶部选择以下内容：

ele = $("#cont ul li span .c2");
ele = $("#cont ul li span .c3");
//Do Stuff
//Move to the next set of Li's
ele = $("#cont ul li span .c2");
ele = $("#cont ul li span .c3");
//Do Stuff
//Move to the next set of Li's
ele = $("#cont ul li span .c2");
ele = $("#cont ul li span .c3");
//Do Stuff
//Move to the next set of Li's
..

试一试

用于选择当前匹配元素的后代

$("#cont ul li").each(function (e) {
    $(this).bind("mousemove",function(d) {
        var ele = $(this).find(".c2");
        var ele2 = $(this).find(".c3");
        //do stuff
    });
});

---

如果li始终是直系父母，您可以使用：

var elem, elem2;
$('.c1').bind("mousemove",function(d) {
  elem=$(this).parent().find('.c2');
  elem2=$(this).parent().find('.c2');
  //Do stuff
})

---

介意我问一下“

//dostuff

”是做什么的吗？您甚至可能不需要

.each（）

循环…Do stuff使用跨度中的图像大小进行计算。每个图像的大小不同。这很重要。我使用了这里的示例，我的代码可以正常工作。到处都是选票！

$("#cont ul li").each(function (e) {
    $(this).bind("mousemove",function(d) {
        var ele = $(this).find(".c2");
        var ele2 = $(this).find(".c3");
        //do stuff
    });
});

var elem, elem2;
$('.c1').bind("mousemove",function(d) {
  elem=$(this).parent().find('.c2');
  elem2=$(this).parent().find('.c2');
  //Do stuff
})