jQuery нумерация страниц: содержит вопрос - PullRequest
Новая
       29

jQuery нумерация страниц: содержит вопрос

0 голосов
/ 27 июня 2011

У меня есть два неупорядоченных списка, которые должны быть зеркалами друг друга.Я использую эти списки, чтобы пользователь мог выбрать размер возвращаемых им желаемых результатов. 

<ul>
    <li><a class='myclass selected' title='display 5'>5</a></li>
    <li><a class='myclass' title='display 10'>10</a></li>
    <li><a class='myclass' title='display 15'>15</a></li>
    <li><a class='myclass' title='display 20'>20</a></li>
    <li><a class='myclass' title='display 50'>50</a></li>
</ul>
<div id='content'></div>
<ul>
    <li><a class='myclass selected' title='display 5'>5</a></li>
    <li><a class='myclass' title='display 10'>10</a></li>
    <li><a class='myclass' title='display 15'>15</a></li>
    <li><a class='myclass' title='display 20'>20</a></li>
    <li><a class='myclass' title='display 50'>50</a></li>
</ul>

при нажатии на одну из этих ссылок я использую jquery, чтобы добавить класс для создания содержимого.текст жирным шрифтом, но мне нужен способ добавить этот класс во второй список.Сначала я подумал об использовании содержащегося текста, но при нажатии 5 на 15 и 50 также добавили этот класс, я знаю, потому что в их тексте есть 5, но я застрял, чтобы исправить это. 

$('a.myclass').live('click',function(){
   var size = $(this).text(); 
   $('a.myclass').removeclass('selected');
   $('a.myclass:contains('+size+')').addClass('selected');
});

Проблемасущество

1 Ответ

3 голосов
/ 27 июня 2011

Если бы это было только в списке, это было бы решением. Вы можете просто использовать $ (this), который является ссылкой на нажатую ссылку. 

$('a.myclass').live('click',function(){
   var size = $(this).text(); 
   $('a.myclass').removeclass('selected');
   $(this).addClass('selected');
});

Это может быть решением проблемы списка зеркал. (где есть два одинаковых списка)

HTML: 

<ul>
    <li><a class='myclass size-5 selected' title='display 5'>5</a></li>
    <li><a class='myclass size-10' title='display 10'>10</a></li>
    <li><a class='myclass size-15' title='display 15'>15</a></li>
</ul>
<div id='content'></div>
<ul>
    <li><a class='myclass size-5 selected' title='display 5'>5</a></li>
    <li><a class='myclass size-10' title='display 10'>10</a></li>
    <li><a class='myclass size-15' title='display 15'>15</a></li>
</ul>

JavaScript 

$('a.myclass').live('click',function(){
   var size = $(this).text(); 
   $('a.myclass').removeclass('selected');
   $('size-'+size).addClass('selected');
});
...