如何使用Class Name查找Img标签的data-src

Question

我找到了代码的一半，但我没有找到如何找到下半部分。  问题是我在活动类div旁边找到div，原因是我想找出img标签的data-src属性。我已经做了一些工作来找出当前类活动的下一个div。现在使用这个如何找出下一个的data-src属性。

var daraSrc = $('div.active').next()[0];
console.log("Data Src found "+ daraSrc);
// Result of above console is 
   <div data-slide-number="1" class="item">
     <img data-src="http:img/00013562000265_ing_en.jpg" class="img-
      responsive">
   </div>

现在如何查找结果的data-src并将其附加到src属性，以便该图像将动态加载。请帮帮我。

Answer 1

您可以使用next获取下一个元素。

Highcharts.chart('trend_bl', {

    title: {
        text: 'Trend by Business Lines'
    },
    yAxis: {
        title: {
            text: 'Resource Allocation'
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },

    plotOptions: {
        series: {
            pointStart: 2010
        }
    },

    data: {
        line_bl: document.getElementById('line_bl').innerHTML
    },
});

Answer 2

var dataSrc = $('div.active').next("div").find("img").attr("data-src");
console.log(dataSrc);

这将为您提供图像标记的data-src属性。