Как добавить свойство объекту через селектор $()?

Question

[wangler]

Такая задача, есть две функции обработчика клика на кнопке.
$('#MyButton").click(function(e) {
this.option = 'опция';
});

$('#MyButton").click(function(e) {
this.option //Уже не доступен
});
Первая - собирает данные и помещает их в свойство этой кнопки.
Вторая - эти данные отправляет ($.ajax).

Две функции потому, что данные нужно собирать по разному, а отправка идет одним способом.
Может, если лучше вариант, буду очень благодарен подсказке. Спасибо :)

Comments

[Dmitriy Uvarov]

this.option это не свойство кнопки, это объект анонимной функции

Answer 1

[Илья]

Прописать в атрибуты самого элемента как вариант:

// write
$("#MyButton").click(function(e) {
	var options = {};
	$(this).attr("data-options", options);
});
// read
$("#MyButton").click(function(e) {
	var options = $(this).attr("data-options");
});

Comments

[Dmitriy Uvarov]

А в вашем коде this будет указывать на кнопку или на объект анонимной функции? Просто явно он не передается, а внутри области это точно объект функции. Или я не совсем прав?

[Илья]

Дмитрий Уваров: насколько я знаю (по сути так и есть), в случае с обработчиком события this указывает на объект кнопки.

[Dmitriy Uvarov]

Все верно, в таком синтаксисе работаем с эмиттером; но просто вызов this будет указывать на объект функции

[Andry]

C data-* атрибутами рабтают через $().data() метод.

jquery.page2page.ru/index.php5/%D0%A1%D0%BE%D1%85%...

[wangler]

Андрей: Отлично! Как раз то что нужно.

Answer 2

[Vitaly Sivkov]

Используйте bind, если хотите хранить значение в this:

$('#MyButton').bind('click', function(e) {
	this.option = 'опция';
});

$('#MyButton').bind('click', function(e) {
	alert(this.option);
});