Парсинг цифр из элементов DOM и создание из них классов css?

Question

[Андрей Андреев]

Изучаю jquery хочу сделать автосоздание классов для tr из размеров указанных в столбце td. Это нужно для последующей сортировки элементов. jsfiddle.net/DA3wF/918
сначала разбор строки и удаление из нее разделителя "x", затем создание для tr классов вида для ширины - w740, для высоты - h70, для длинны - l740
Помогите разобраться как грамотно это сделать?

Comments

[Модератор]

Укажите что конкретно у вас вызывает вопросы.

[Андрей Андреев]

Модератор, сейчас не могу сделать удаление разделителя из каждой строки, он берет первую строку удаляет из нее и затем вставляет результат во все строки $('.priceSort-table__item td:nth-child(2)').html($('.priceSort-table__item td:nth-child(2)').html().toString().replace(/\х/g, ' '));

[Александр]

Андрей Андреев,

$('.priceSort-table__item td:nth-child(2)').each(function(){
    $(this).html($(this).html().replace(/\х/g, ' '));
})

[Андрей Андреев]

lebonnet, спасибо большое. а я пробывал через .click(function(){ и думал что должна же быть альтернатива

Answer 1

[ProjectSoft]

$('.priceSort-table__item td:nth-child(2)').each(function(){
	var item = $(this),
		parent = item.closest('tr'),
		text = item.text(),
		regex = /(\d+)(?:х|x)?/g,
		match = text.match(regex),
		arr = [];
	while ((m = regex.exec(text)) !== null) {
		arr.push(m[1]);
	}
	item.text(arr.join(" "));
	arr.forEach(function(dig, idx){
		switch(idx){
			case 0:
				parent.addClass('l' + dig);
				break;
			case 1:
				parent.addClass('w' + dig);
				break;
			case 2:
				parent.addClass('h' + dig);
				break;
		}
	});
});

Comments

[Андрей Андреев]

вы мой бог!!!! спасибо огромное

Answer 2

[Александр]

ну и замена "х" и создание классов:

$('.priceSort-table__item td:nth-child(2)').each(function(){
    var $me = $(this),
    	val = $me.html()
    	size = val.split('х');
    $me.html(size.join(' '));
    $me.addClass('l' + size[0]);
    $me.addClass('w' + size[1]);
    $me.addClass('h' + size[2]);
});

Comments

[Андрей Андреев]

спасибо большое!