今天在逛京东准备要买件长袖T恤,我比较喜欢京东自营的商品,因为自营的售后相比第三方卖家的要有保障。我在搜索的时候选择了“京东配送”还是有部分第三方的商品,所以就想只显示自营的商品。
通过查看搜索页的代码发现,自营商品的id都比较小,如:3387272;而第三方商品的id则比较大,如10805056612。通过比较id就可以筛选出自营和第三方的商品了。我这里是先获取页面上所有商品的id,然后跟10000000比较,id大于10000000的商品就不显示(display:none;)。
具体代码如下,可以直接F12 Console测试:
- //模拟点击“京东配送”
- //$("#J_feature ul li").eq(0).children("a").trigger("click");
- var list_li = new Array();
- var list_ul = $(".gl-warp li").size();
- //var ul = $(".gl-warp li").length;
- $(window).scroll(function() {
- for (var i = 0; i < list_ul; i++) {
- list_li[i] = $(".gl-item").eq(i);
- var li_pid = $(".gl-item").eq(i).attr("data-pid");
- if (li_pid>10000000) {
- $(".gl-item").eq(i).css("display","none");
- }
- }
- });
但是每次都在Console里执行比较麻烦,所以我就直接弄到TamperMonkey里当脚本使用。TamperMonkey是一个比较好用的浏览器扩展插件,支持非常多浏览器,可以加载自己写的或别人发布的脚本来修改网页表现形式。平时我们在打开的网页中执行js代码,直接F12 Console就可以了;但是如果某个网页经常要这样就比较麻烦,这时候TamperMonkey就能派上用场了。
但是我在TamperMonkey中尝试使用jQuery的trigger()模拟点击函数来点击“京东配送”按钮,脚本就出错了。。。直接F12 Console没问题。
TamperMonkey-京东只显示自营商品脚本链接: