Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Скрыть каждый второй
 
 автор: Гавриленко Дмитрий   (04.02.2012 в 17:21)   письмо автору
 
 

Здравствуйте. Наконец-то я начал изучать JS в полной мере. Дошел до framework`a jquery и столкнулся при тестировании с такой проблемой.

Имеется html, в котором много <div>. Хотел скрыть каждый второй <div>.

Файл 1.js это jquery.min версии 1.7.1. Почему-то не работает


<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
        <style>
            div {
                display: block;
                background-color: #00ff00;
            }
        </style>
        <script src="1.js" ></script>
        <script>
            $('div:even').hide();
        </script>
    </head>
    <body>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
        <div>Привет мир</div>
    </body>
</html>

  Ответить  
 
 автор: AlexSol   (04.02.2012 в 17:32)   письмо автору
 
   для: Гавриленко Дмитрий   (04.02.2012 в 17:21)
 

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

$(function(){
$('div:even').hide();
})

  Ответить  
 
 автор: Гавриленко Дмитрий   (04.02.2012 в 17:54)   письмо автору
 
   для: AlexSol   (04.02.2012 в 17:32)
 

В книге об этом пока еще не было написано.

Спасибо

  Ответить  
 
 автор: Гавриленко Дмитрий   (05.02.2012 в 16:35)   письмо автору
 
   для: Гавриленко Дмитрий   (04.02.2012 в 17:21)
 

Буду тут отписываться, то бишь не создавать новых тем.

Есть несколько полей ввода. Надо добавить дочерний узел к тому где id=valid

Данный код не работает

$('#valid input[type=text]').after('<span>Ошибка ввода!</span>')

Если убрать #valid , то работать будет, но не как надо.

  Ответить  
 
 автор: AlexSol   (05.02.2012 в 17:26)   письмо автору
 
   для: Гавриленко Дмитрий   (05.02.2012 в 16:35)
 

#valid - адишник инпута ? структура html какая у вас

  Ответить  
 
 автор: Гавриленко Дмитрий   (05.02.2012 в 18:54)   письмо автору
 
   для: AlexSol   (05.02.2012 в 17:26)
 

<div>Привет мир</div>
<div>Привет мир</div>
<input type="text" id="valid" />
<div>Привет мир</div>
<div>Привет мир</div>

  Ответить  
 
 автор: AlexSol   (05.02.2012 в 19:06)   письмо автору
 
   для: Гавриленко Дмитрий   (05.02.2012 в 18:54)
 

тут синтаксис как в css. пробел означает что ищется дочерний элемент.


$('#valid input[type=text]')


будет соответствовать

<div id="valid"><input /></div>


вам будет достаточно


$('#valid').after()

  Ответить  
 
 автор: Гавриленко Дмитрий   (05.02.2012 в 19:12)   письмо автору
 
   для: AlexSol   (05.02.2012 в 19:06)
 

Ок. спасибо. Попробую.. А почему, скажите мне, не работает замена.
$(function()
{
$('div').remove('Hello world');
})


Если просто, без замены, то работает.

  Ответить  
 
 автор: AlexSol   (05.02.2012 в 19:27)   письмо автору
 
   для: Гавриленко Дмитрий   (05.02.2012 в 19:12)
 

потому что это удаление а не замена
http://api.jquery.com/remove/

  Ответить  
 
 автор: Гавриленко Дмитрий   (05.02.2012 в 19:33)   письмо автору
 
   для: AlexSol   (05.02.2012 в 19:27)
 

Ах точно.. Перепутал с replace

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования