Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Работа с классами (https://javascript.ru/forum/dom-window/45010-rabota-s-klassami.html)

Navil 10.02.2014 21:47

Работа с классами
 
Помогите пожалуйста упростить функцию, сделать ее универсально для всех блоков

<script>
$(function() {
$("#sub1 .sub-mess").click(function() {
$("#sub1").toggleClass("unitok");
$("#sub1 .message").toggleClass("ok");
$("#sub1 .message-send").toggleClass("ok");
$("#sub1 .sub-mess2").toggleClass("ok");
});
$("#sub2 .sub-mess").click(function() {
$("#sub2").toggleClass("unitok");
$("#sub2 .message").toggleClass("ok");
$("#sub2 .message-send").toggleClass("ok");
$("#sub2 .sub-mess2").toggleClass("ok");
});
$("#sub3 .sub-mess").click(function() {
$("#sub3").toggleClass("unitok");
$("#sub3 .message").toggleClass("ok");
$("#sub3 .message-send").toggleClass("ok");
$("#sub3 .sub-mess2").toggleClass("ok");
});
});

</script>

рони 10.02.2014 22:40

Navil,
$(function() {
 $("[id^='sub']").on("click", ".sub-mess", function(event) {
 $(event.delegateTarget).toggleClass("unitok");
 $(".message, .message-send, .sub-mess2", event.delegateTarget).toggleClass("ok");
 });
 });

Navil 11.02.2014 11:04

Спасибо огромное, все работает!
 
:dance:


Часовой пояс GMT +3, время: 12:04.