Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Элемент в элементе (https://javascript.ru/forum/jquery/37371-ehlement-v-ehlemente.html)

Simones 17.04.2013 15:12

Элемент в элементе
 
Здравствуйте, товарищи ! Знаю, что вопрос довольно-таки глуп,но как обратиться к элементу в элементе ?
Т.е в css обращение к "подэлементу" one будет так: #one #two { background:red; }. А вот как обратиться к, входящему в элемент #one, элементу #two ч-з Jquery ?
$('#one,#two')... - это обращение и к one, и к two...
Пытался и ч-з .find(), и так: $('#one #two') - не работает...
ADD: $("#one > #two") результата не дало...

tsigel 17.04.2013 15:40

Цитата:

Сообщение от Simones
Пытался и ч-з .find(), и так: $('#one #two') - не работает...

И то и то работает.

Simones 17.04.2013 15:53

В html вроде ошибки нету:
<script>
function doit () {
$('#one #two').show();
}
</script>
<style>
#one #two { display:none; background:red; }
</style>
<div id="one">
  <div id="two">TEXT</div>
</div>

Но никак не "показывает" ...

tsigel 17.04.2013 15:57

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div class='one'>
  <div class='two' style='width: 200px; height: 100px; background-color: red'></div>
</div>

<button id='a'>Через find</button>
<button id='b'>$('.one .two')</button>

<script>
    $(function() {
        $('#a').click(function a() {
            $('.one').find('.two').css('background-color', 'green');
            return false;
        });

        $('#b').click(function() {
            $('.one .two').css('background-color', 'yellow');
            return false;
        });
    });
</script>

tsigel 17.04.2013 15:58

Цитата:

Сообщение от Simones (Сообщение 246687)
В html вроде ошибки нету:
<script>
function doit () {
$('#one #two').show();
}
</script>
<style>
#one #two { display:none; background:red; }
</style>
<div id="one">
  <div id="two">TEXT</div>
</div>

Но никак не "показывает" ...

А почему он должен показывать?

tsigel 17.04.2013 16:00

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

tsigel 17.04.2013 16:02

У вас просто написана функция. Нигде не сказано когда она должна выполниться и что её должно запустить.

Simones 17.04.2013 16:57

Спасибо за помощь. Да вот так получается, что обучение проходит по мере появления задач :)


Часовой пояс GMT +3, время: 23:41.