'use strict';
var repa= document.querySelectorAll('div[title*=\'Уровень\']'),
compare= {
'+1' : 'cc423d',
'-1' : '2d8948',
};
function findParent(el) {
var p= el.parentNode;
if(!p) return null;
return (p.id && p.id.indexOf('blr') !== -1)? p : findParent(p);
}
[].forEach.call(repa, function(i) {
var parent= findParent(i);
if(!parent) return;
Object.keys(compare).forEach(function(c) {
if (i.title.indexOf(c) !== -1) parent.style.backgroundColor= '#' + compare[c] ;
})
parent.style.backgroundColor= parent.style.backgroundColor || '#7b7b7b';
})
<div class="block">hello, world!!</div>
<div class="block">fuck the world</div>
<div class="block">fuck everything</div>.block {
display: inline-block;
width: 500px;
height: 150px;
padding: 20px;
background: red;
color: white;
}const $blocks = $('.block').hide();
let i = -1;
(function showNext() {
$blocks
.eq(i = (i + 1) % $blocks.length)
.dequeue()
.fadeIn(1000)
.delay(500)
.fadeOut(1000)
.queue(showNext);
})();
Array.prototype.slice.call( document.querySelectorAll('table') ).forEach(function(table, i) {
table.classList.add('class'+i);
});$('table').each(function(i,table) {
$(table).addClass('class'+i);
});
$(function() {
$('.click').on('click', function(e) {
var blockClass = '.' + ( e.target.id.indexOf('block3') > -1 ? (e.target.id.indexOf('block2') > -1 ? 'block2' : 'block') : 'block3');
// очень тупо, лучше использовать регулярные выражения, но это другая тема
if ($(blockClass).is(':hidden')) {
$(blockClass).show(0);
} else {
$(blockClass).hide(0);
}
});
});
