Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.09.2015, 11:40
Интересующийся
Отправить личное сообщение для nmlgko Посмотреть профиль Найти все сообщения от nmlgko
 
Регистрация: 30.04.2015
Сообщений: 11

как найти элемент с таким же атрибутом и добавить ему класс?
Есть вот такой вот кусочек в одном месте

<dl class="tab_offers">
		<dt class="offers_title" attr="1"></dt>
  		<dt class="offers_title" attr="2"></dt>
  		<dt class="offers_title" attr="3"></dt>
  		<dt class="offers_title" attr="4"></dt>
	</dl>


И есть такой же в другом месте, но теперь уже с айдишником
<dl class="tab_offers" id="popup_offers">
		<dt class="offers_title" attr="1"></dt>
  		<dt class="offers_title" attr="2"></dt>
  		<dt class="offers_title" attr="3"></dt>
  		<dt class="offers_title" attr="4"></dt>
	</dl>


Кликнув по offers_title из первого места, требуется найти во втором месте offers_title с таким же атрибутом и добавить ему класс active

$('.offers_title:not(#popup_offers .offers_title)').on('click', function(){
      var atribut = $(this).attr('attr');
      var atributPopup = $('#popup_offers .offers_title').filter("[attr='atribut']");
      $(atributPopup).addClass('active');
    	});

Что-то я не так пишу, помогите, пожалуйста!
Ответить с цитированием
  #2 (permalink)  
Старый 24.09.2015, 12:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,596

Когда начнут делать полные тестовые примеры...

Сообщение от nmlgko
Кликнув по offers_title из первого места, требуется найти во втором месте offers_title с таким же атрибутом и добавить ему класс active
Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.tab_offers {
	border: 1px solid;
}
.active {
	color: red;
}
</style>
<script type='text/javascript'>
$(function(){
	$('.tab_offers:first-child > .offers_title').click(function(){
		var attr=$(this).attr('attr');
		$('#popup_offers > dt[attr="'+attr+'"]').addClass('active');
	});
});
</script>
</head>
<body>
<dl class="tab_offers">
	<dt class="offers_title" attr="1">1</dt>
	<dt class="offers_title" attr="2">2</dt>
	<dt class="offers_title" attr="3">3</dt>
	<dt class="offers_title" attr="4">4</dt>
</dl>
<dl class="tab_offers" id="popup_offers">
	<dt class="offers_title" attr="1">1</dt>
	<dt class="offers_title" attr="2">2</dt>
	<dt class="offers_title" attr="3">3</dt>
	<dt class="offers_title" attr="4">4</dt>
</dl>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 24.09.2015, 12:44
Интересующийся
Отправить личное сообщение для nmlgko Посмотреть профиль Найти все сообщения от nmlgko
 
Регистрация: 30.04.2015
Сообщений: 11

спаисбо!
но что-то не так...

вот живой пример http://plnkr.co/edit/wBSYhof2Vz66eD1qqJ9r?p=preview
Ответить с цитированием
  #4 (permalink)  
Старый 24.09.2015, 12:49
Интересующийся
Отправить личное сообщение для nmlgko Посмотреть профиль Найти все сообщения от nmlgko
 
Регистрация: 30.04.2015
Сообщений: 11

первая часть - идет просто на странице. Нижняя часть - открывается в попапе. Нужно, кликнув по одному из пунктов верхней части, чтоб в нижней части добавился класс active к такой же закладке. Если добавится класс - появится маленький треугольничек )) поклацайте по нижней части, там типа табы...
Ответить с цитированием
  #5 (permalink)  
Старый 24.09.2015, 13:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,351

nmlgko,
jQuery(function() {
    var a = jQuery(".offers_title.popupsts"),
        b = jQuery(".offers_title").not(".popupsts");
    a.each(function(a, c) {
        jQuery(this).click(function() {
            b.eq(a).click()
        })
    })
});

http://embed.plnkr.co/6WGAtUi1ASesERe8TtEG/preview

Последний раз редактировалось рони, 24.09.2015 в 13:49.
Ответить с цитированием
  #6 (permalink)  
Старый 24.09.2015, 13:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,596

Сообщение от nmlgko
вот живой пример
А нужно тестовый, но максимально приближенный к твоей проблеме.
Ответить с цитированием
  #7 (permalink)  
Старый 24.09.2015, 14:04
Интересующийся
Отправить личное сообщение для nmlgko Посмотреть профиль Найти все сообщения от nmlgko
 
Регистрация: 30.04.2015
Сообщений: 11

спасибо большое!
Ответить с цитированием
  #8 (permalink)  
Старый 24.09.2015, 14:21
Интересующийся
Отправить личное сообщение для nmlgko Посмотреть профиль Найти все сообщения от nmlgko
 
Регистрация: 30.04.2015
Сообщений: 11

теперь если б еще кто-то рассказал по-русски, что откуда и куда ... ))))
Ответить с цитированием
  #9 (permalink)  
Старый 24.09.2015, 16:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,351

nmlgko,
что не ясно? клик вверху дублируется кликом внизу, чем вызывает появление класса 'active'
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как найти совпадения в массиве и добавить их в двумерный массив? Armen Общие вопросы Javascript 4 23.04.2015 14:27
Как добавить элемент по нажатию кнопки ArsenInvoker Элементы интерфейса 5 14.03.2015 17:32
Как добавить и удалить класс при нажатии на div? Jeick9 Events/DOM/Window 23 10.03.2015 16:05
Можно ли как нибудь найти элемент ПО КЛАССУ (он такой один) и добавить ID? Dimator Events/DOM/Window 3 13.12.2014 12:22
как найти нужный объект? `p r o x y jQuery 2 05.05.2009 01:12