Question

我正在使用旋转滑块。当滑块更改时，我想获取<img>标记的“ id”属性并将其用于进一步处理。

这是我到目前为止所拥有的：

revapi.on('revolution.slide.onafterswap', function(event, data) {
    var html = data.currentslide.html();
    alert(html);
});

这会提醒以下内容（简体）：

<div class="slotholder">
    <img src="aa5.jpg" class="rev-slidebg aSliderImage defaultimg" id="aSliderImage_2_3">
    <div class="tp-bgimg defaultimg" style="background-image: url(&quot;aa5.jpg&quot;);">
    </div>
</div>

我特别需要

id="aSliderImage_2_3"

Answer 1

只需深入HTML并找到<img>，然后提醒id属性：

revapi.on('revolution.slide.onafterswap', function(event, data) {
    var html = data.currentslide.html().filter("img");
    alert(html.attr("id"));
});

Answer 2

我认为data.currentslide.html()返回字符串。因此，用$(...)包装它会把它转换成对象，您可以对其执行find。

revapi.on('revolution.slide.onafterswap', function(event, data) {
    var img = $(data.currentslide.html()).find("img");
    alert(img.attr("id"));
});

编辑1

更新了find选择器。希望这对您复杂的对象有用。

revapi.on('revolution.slide.onafterswap', function(event, data) {
    var img = $(data.currentslide.html()).find("img.aSliderImage:first");
    alert(img.attr("id"));
});

从HTML提取img属性

2 个答案: