Как связать события, Jquery?

Question

[sophiko]

Добрый день,

помогите пожалуйста,
у меня есть табличка, в ней строчка, в строчке две кнопочки.
Нажимаешь на кнопочку - в ту же строку вводятся данные и появляется окошко, там нужно в инпут ввести еще данные, нажать на кнопку уже в окошке, после чего окно закрывается и данные вносятся автоматически в ТУ ЖЕ САМУЮ строку таблицы. Окно открывается и закрывается с помощью другого параллельного кода для окна.

То есть сейчас есть:

$(".btn-finish").click(function(){
	
	$(this).parent().parent().find('td').eq(1).html('Завершена');
	
});

Можно ли как-то это присоединить к первому коду:

$("#modal-btn-finish").on("click", function(){
	var t = $("#input").val();
	$(this).parent().parent().find('td').eq(4).html(t);
	
	});

? Как связать эти события. Или как лучше решить эту задачу.

Answer 1

[Виталий Киренков]

На самом деле не совсем понятно...)) Но одно ясно точно, по дому так перемещаться оооочень не хорошо. Если кнопки у вас рядом лежат, то вы можете воспользоваться селектором .siblings() - то есть соседний элемент. А лучше выложите это на jsfiddle или хотя бы покажите макет и хтмл.

Или вот так, если я правильно всё таки понял..))

$(".btn-finish, #modal-btn-finish").on("click", function(){
	var _text = $("#input").val(),
		_td = $(this).parent().parent().find('td');

	if ( _text !== "" ){
		_td.eq(4).html(t);
	} else {
		_td.eq(1).html('Завершена');
	}
});

Comments

[sophiko]

Да сработал ваш код)) Спасибо большое)

Answer 2

[Илья Лесных]

Такую конструкцию
$(this).parent().parent().find('td')
лучше заменить на
$(this).parents('td')

Тогда при изменении верстки (добавление еще одного слоя, например) - скрипты не придется переписывать.

Comments

[sophiko]

Хм, я уже давно ищу чем заменить эти .parent().parent(), но пока ничего лучше, видимо, не имеется)). Ваш пример не сработает, если вы вдумаетесь в то, что написали. Можете даже просто попробовать заменить в моем коде, ссылка ниже, поймете в чем дело.

На самом деле задача еще и не совсем решена, а может даже и не решена, так как цифры вставляются только по повторному нажатию на кнопку Завершить. В jsfiddle не совсем удалось это повторить, но и так видно, что цифра не вставляется с первого раза (второй просто там не срабатывает). Обещанная ссылка: jsfiddle.net/qY3h8