Здравствуйте.
Нужна ваша помощь по такой ситуации:
Есть несколько ссылок, в которых определённый текст. Необходимо сделать условие, что если количество символов в ссылке превышает определённое значение, то внутри этой ссылки появляеется 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, а надо, что бы только в ту, где количество символов превышает условие.
Очень наеюсь на Вашу помощь. Спасибо.