Выполнение действия при определённом условии
Здравствуйте. :thanks:
Нужна ваша помощь по такой ситуации: Есть несколько ссылок, в которых определённый текст. Необходимо сделать условие, что если количество символов в ссылке превышает определённое значение, то внутри этой ссылки появляеется HTML элемент, а если количество не набирает определённую сумму, то ничего не происходит. На данный момент у меня есть такой код: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(document).ready(function() { if($('div.tag-box > a').text().length > 3){ $('div.tag-box > a').append('<span class="fade"></span>'); } else{ }; }); </script> </head> <body> <div class="tag-box"><a href="#">12345</a></div> <div class="tag-box"><a href="#">12</a></div> <div class="tag-box"><a href="#">1</a></div> </body> </html> Но дело в том, что он считывает количество символов абсолютно во всех ссылках вместе и поэтому во все вставляет span, а надо, что бы только в ту, где количество символов превышает условие. Очень наеюсь на Вашу помощь. Спасибо. ;) |
$('div.tag-box > a').each(function() { var $this = $(this) ; if($this.text().length > 3) { $this.append('<span class="fade"></span>') ; } ; }) ; |
Цитата:
|
Часовой пояс GMT +3, время: 14:18. |