城市小案例的js原生代码
function City(opts) {
this.opts = opts;
this.info = document.querySelector(this.opts.info);
this.list = document.querySelector(this.opts.list);
this.bindEvent();
this.bindClick();
}
City.prototype = {
constructor: City,
bindEvent: function() {
var arr = Object.keys(this.opts.data);
//分解开的字母
var temp = [];
for (var i = 1; i < arr.length; i += 4) {
temp.push(arr.slice(i, i + 4));
}
//标题追加页面
var str = '热门 ';
temp.forEach(function(item) {
str += `${item.join('')} `;
})
this.list.innerHTML = str;
//加样式
this.lis = this.list.querySelectorAll('li');
this.lis[0].className = 'bg';
this.hotCity();
},
hotCity: function() {
//默认热门内容
var str = hotel_hotData["热门"];
var reg = /[\u4e00-\u9fa5]{2,}/g;
var arr = str.match(reg);
var newStr = '