Можно ли через onclick обратиться к элементу?

Question

[Павел Антонов]

Можно ли через onclick обратиться к элементу? Так можно делать? У меня не получается, может что-то неправильно? Или так вообще не делается, а если делается то как?

Есть например ссылка:

<a href="#" onclick="test();">блабла</a>

В JS функция test:

function test(){
		$(this).addClass("active");
	}

Хочу чтобы по клику на ссылку она получила класс active но она не получает.

.click() и .on('click') не работает, элемент ссылки находится в гугло картах, и получается с ним работать только по onclick=""

Answer 1

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

Ну а откуда js скрипту знать что у вас там this? Передаейте функции test параметр this, а уж потом делайте с ним что хотите.
<a href="#" onclick="test(this);">блабла</a>

function test(a){
    $(a).addClass("active");
}

Comments

[Павел Антонов]

вот спасибо, именно то что нужно, все сделал как надо, скажите я правильно понимаю в функции (а) может быть любое произвольное название параметра да? :) а то я сперва долго тупил думал почему а, связывал это с тегом а потом понял что это наверное просто названия пе...

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

вот же ж черт. ) не подумал что кто-то додумается до такого. ) ну да, а - это идентификатор переменной.

[Павел Антонов]

Андрей Федоров: )))) все ясно спасибо, я так уточнил на будущее, учусь только редко когда использую функции с переменными, в основном по работе хватает базовых вещей jquery для работы с элементами

Answer 2

[axblue]

Нужно передавать собственно this в функцию.
Насчет того что не работает .on('click') скрипт просто отрабатывает быстрее чем подгружается map. Нужно просто весить событие на динамически подгружаемый блок

$('здесь класс или ид контейнера где находится элемент').on( 'click', 'a', function(){
//код выполнения
})

Главное что бы контейнер где находится элемент подгружался не динамически. Можно хоть body использовать как контейнер

$('body').on( 'click', 'a.указать класс, так как в контейнере может содержаться не один тег a', function()

Comments

[Сергей delphinpro]

наоборот

$('.container').on( 'click', 'а', function(){
//код выполнения
})

[axblue]

Сергей: да-да, спасибо, опечатался

[Павел Антонов]

Спасибо но по онклику я делал и body и map контейнер, не получается, вроде там динамически подгружается карта а на ней элементы рисуются

Answer 3

[Тирион Ланнистер]

elem.onclick = function()
{
elem.className += ' active';
}