Скрипт jquery для таблицы?

Question

[viktorspr]

Есть прайс-таблица на сайте, и когда даешь прямую ссылку с указанным конкретным товаром в конце урл (&tovar03), эта строка таблицы подсвечивается (TR id=tovar03), но с добавлением каждой новой строкой приходится прописывать ее в id )) tovar88, tovar89 итд...

как бы так сделать, чтобы к примеру если в url указано &tovar=3 автоматом подсвечивалась 3-я строка (верней 4-я потому как первая заголовок)

вот так сейчас работает по id

$(function () {                             // когда страница загружена
    $('#tovary tr').each(function () {    // проходим по нужным нам ссылками
        var location = window.location.href // переменная с адресом страницы
        var link = this.id                // переменная с url ссылки
        var result = location.match(link);  // результат возвращает объект если совпадение найдено и null при обратном

        if(result != null) {                // если НЕ равно null
            $(this).addClass('select_tovar');    // добавляем класс
        }
    });
});

Comments

[viktorspr]

Столько решений, теперь и не знаю какое выбрать! ))

Answer 1

[vista1x]

function getURLParameter(name) {
	return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}

$(document).ready(function(){
	var tovarIndex = getURLParameter('tovar');
	if (tovarIndex) {
		$("#tovary").find("tr").eq(tovarIndex).addClass("select_tovar");
	}
});

Comments

[viktorspr]

Спасибо, с этим кодом заработало без глюков!

Answer 2

[Денис Инешин]

Гораздо проще выбрать по номеру строку:
$('#tovary tr').eq(42).addClass('bla-bla');

Comments

[Stalker_RED]

Но этот способ не сработает, если id товара не совпадет с номером строки в таблице. Фильтры, разные категории товаров, разбивка по страницам.

[viktorspr]

Не знал что такой удобный eq() есть для подсчета, вот по кускам собрал из интернета )), вроде заработало но стал глючить скрипт карусели, когда в url отсутствует "tovar" все едет...

$(document).ready(function () {
$.urlParam = function(name){
          var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
          return results[1] || 0;
        }

$('#tovary tr').eq($.urlParam('tovar')).addClass('select_product');
});

Answer 3

[Stalker_RED]

Используйте Attribute Contains Selector

Пример: jsfiddle.net/Stalk/34mbqkk8

Answer 4

[m_smirnov]

Для начала: лучше бы отделить строку заголовка от строк товаров - заголовок поместить в thead, а всё остальное в tbody.
Если строки упорядочены по порядку, то можете просто выбрать n-ную строку и добавить ей класс.

$('#tovary tbody tr:nth-child(' + id + ')').addClass('select_tovar');