马蜂窝旅游商城--获取销量价格

Greasy Fork is available in English.
马蜂窝旅游商城--获取销量价格

马蜂窝，旅游商城板块，把产品列表转化为表格。适用于Tampermonkey
换行
// ==UserScript==
// @name         马蜂窝旅游商城--获取销量价格
// @namespace    https://greasyfork.org/zh-CN/users/104201
// @version      0.2
// @description  马蜂窝，旅游商城板块，把产品列表转化为表格。适用于Tampermonkey
// @author       黄盐
// @include      *//www.mafengwo.cn/*
// @require      https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
// @noframes
// @run-at       document-end
// @grant        GM_addStyle
// @grant        GM_xmlhttpRequest
// @grant        GM_setClipboard
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// @grant        window.close
// ==/UserScript==
/* jshint esversion: 6 */
;
(function() {

  function makeTable() {

 var items = $('a.item.clearfix');
    //这里不采用自编id，而是采用美团统一id，这样即使产品更改自编id或者更改产品名称也可以第一时间识别出来
    var tableHTML = "<table id='customers' contenteditable='true'><tr><th>马蜂窝ID</th><th>产品名称</th><th>出发地</th><th>品类</th><th>价格</th><th>销量</th><th>店铺名称</th></tr>";
    var tmp;
    $.each(items,(index,item) =>{
      // console.log(item);
      tableHTML += `<tr>
      <td>${item.href.match(/\d{4,10}/)[0]}</td>
      <td>${$(item).find('h3').text()}</td>
      <td>${$(item).find('span strong').first().text()}</td>
      <td>${$(item).find('span span').text()}</td>
      <td>${$(item).find('span.price>strong').text()}</td>
      <td>${$(item).find('.info p:first-child').text().length ? $(item).find('p').text().match(/\d{1,7}/) : 0}</td>
      <td>${$(item).find('span.t').text().replace(/店铺: /g,'')}</td>
      </tr>`;
    });

    tableHTML += "<table>";
    $("div.list-wrap").html(tableHTML);
  }

  function tableMode(){
    // 表格在版块内，可滚动，内容可编辑
    $('div.list-wrap').css({"overflow-x":"scroll"});
    // 克隆翻页组件，上移,
    $('#list_pagination').insertBefore($("div.sort-bar"));
    //添加转换表格按钮
    $("div.sort-bar>ul").append(`<li id="makeTable" class="sort-item"><a data-sort="sold_num">转成表格</a></li>`);
    $("#makeTable").on("click",makeTable);
  }

  GM_addStyle(`
    #customers{overflow:auto;white-space:nowrap}
    #customers{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;width:100%;border-collapse:collapse;}
    #customers td,#customers th{font-size:1em;border:1px solid #98bf21;padding:3px 7px 2px 7px;}
    #customers th{text-align:left;padding-top:5px;padding-bottom:4px;background-color:#A7C942;color:#ffffff;}
    #customers tr.alt td{color:#000000;background-color:#EAF2D3;}
    `);
  GM_registerMenuCommand('开启表格模式',tableMode,' ');

})();