x射线:读取HTML <div>属性

时间:2017-07-19 07:53:45

标签: html properties x-ray

我正在编写一个开源软件包,用于读取具有城市自行车可用性状态的HTML,并将数据转换为通过API提供的JSON。

HTML

    <div id="gmap"><div class='marker' data-lat='32.096100' data-lng='34.821400' data-name='דרך בן גוריון 2 פינת אבא הלל - רמת-גן' data-id='652'>
        <div class='marker-popover' data-lat='32.096100' data-lng='34.821400'>
            <div class='title'>דרך בן גוריון 2 פינת אבא הלל - רמת-גן (652)</div>
            <div class='station-data'>
                <div class='address'>דרך בן גוריון 2 פינת אבא הלל - רמת-גן <a href='#' class='navi'>נווט לתחנה <i class='fa fa-location-arrow'></i></a></div>
                <span class='bikes'><i class='fa fa-bicycle'></i> אופניים זמינים: 9</span>
                <span><i class='fa fa-park'></i> עמודים פנויים: 1</span>
            </div>
            <!--<div class='nearby-stations'>
                <div class='subtitle'>תחנות קרובות</div>
                <ul></ul>
            </div>-->
        </div>
    </div><div class='marker' data-lat='32.099200' data-lng='34.825500' data-name='איצטדיון רמת-גן מול שער 16' data-id='651'>
    ...

代码

const path = require('path');
const Xray = require('x-ray');
const read = require('fs').readFileSync;

const html = read(path.resolve(__dirname, 'index.html'));
const xray = Xray();

// How to fetch the 'data-lat' property?
xray(html, '.marker', [{ bikes: '.bikes', title: '.title', lat: 'data-lat' }])((err, value) => {
  console.log(value[0]);
});

结果

请注意lat缺失 -

{ bikes: ' אופניים זמינים: 9',
  title: 'דרך בן גוריון 2 פינת אבא הלל - רמת-גן (652)' }

我的问题

我已设法使用div.title获取.address内容,但我没有设法获取属性,例如{ {1}}或 data-lat

如何使用x-ray读取data-id属性?

1 个答案:

答案 0 :(得分:0)