Fedy

JavaScript. Получение id или class по частичному совпадению без использования jQuery

function getElementsClassByNameStart(tagname, str){
        var elems = document.querySelectorAll(tagname + '[class^=\"'+ str + '\"]');
        if (!elems) return;

	var a=[];
	for (var i=0; i < elems.length; ++i) { a.push(elems[i].id); }
        return a; 
}

function getElementsIDByNameStart(tagname, str){
        var elems = document.querySelectorAll(tagname + '[id^=\"'+ str + '\"]');
        if (!elems) return;

	var a=[];
	for (var i=0; i < elems.length; ++i) { a.push(elems[i].id); }
        return a; 
 }

Usage:

var idarray = getElementsIDByNameStart('div', 'unv0');

Классы: tagname = 'div' etc, str = "unv0" - вернет все div c class, частично совпадающими с unv0 - unv01, unv02 и так далее
ID : tagname = 'div' etc, str = "unv0" - вернет все div c id, частично совпадающими с unv0 - unv01, unv02 и так далее

Или, если нужны элементы для дальнейшей работы:

var FabDiv = document.querySelectorAll("div[id*='unv0']");

jQuery (пишут, работает существеннее медленнее querySelectorAll):

var FabDiv = $("div[id*='unv0']");

Далее

Не очевидная фича CSS:

#header.callout { }
#header .callout { }

1. Выбирает элемент, с идентификатором header и CSS классом callout.
2. Выбирает все элементы, имеющие CSS класс callout, которые являются дочерними по отношению к элементу с идентификатором header

Далее