Помогите реализовать идею
Здравствуйте, я в javascript новичок, и по этому прошу Вас помочь мне.
Есть такой html код: <div id="div01">Привет <span id="span01" style="display:none;">Павел</span></div> <div id="div02">Привет <span id="span01" style="display:none;">Павел</span></div> <div id="div03">Привет <span id="span01" style="display:none;">Павел</span></div> и такой jQuery код:
jQuery(function()
{
jQuery("").mouseover(function()
{
jQuery("").show();
});
jQuery("").mouseout(function()
{
jQuery("").hide();
});
});
То есть мне нужно когда мышь наводишь на id="div01" появляется id="span01", убираешь мышь с id="div01" пропадает id="span01", но JS код который выше можно реализовать только для одного div, а мне нужно для каждого отдельно(но JS код для каждого id писать бестолково). Как мне реализовать один JS код для n-го количества div? |
<div id="div01">Привет <span id="span01" style="display:none;">Павел</span></div>
<div id="div02">Привет <span id="span01" style="display:none;">Павел</span></div>
<div id="div03">Привет <span id="span01" style="display:none;">Павел</span></div>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$("div").mouseover(function(){
$(this).find('span').show();
}).mouseout(function(){
$(this).find('span').hide();
});
</script>
|
Спасибо
|
devote,
Хоть бы класс задали, а то ведь действительно на n-нного числа дивов будет, точнее для всех. |
shilinpavel
1. ИД должнобыть уникальным в пределах страницы 2. не стоит делать так в разметке style="display:none;" Вариант вообще без JS...
<style type="text/css">
div > span {
display: none;
}
div:hover > span {
display: inline;
}
</style>
<div>Привет <span>Павел</span></div>
<div>Привет <span>Павел</span></div>
<div>Привет <span>Павел</span></div>
|
Цитата:
|
Цитата:
|
Цитата:
|
devote, похоже что так. :lol:
|
| Часовой пояс GMT +3, время: 12:35. |