Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.06.2014, 19:17
Новичок на форуме
Отправить личное сообщение для Jeka778 Посмотреть профиль Найти все сообщения от Jeka778
 
Регистрация: 27.06.2014
Сообщений: 1

Вывести и применить значение атрибута
Добрый день. Не понимаю по какой причине не могу извлечь значение атрибута, а тем более применить его к другому атрибуту. Помогите пожалуйста.

2 строчки jquery кода всего...

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    .wrapper{
        width: 800px;
        margin: 0 auto;
    }
    .sidebar{
        width: 300px;
        height: 400px;
        background: grey;
        float: left;
    }
    .container{
        width: 500px;
        height: auto;
        float: left;
        background: red;
    }
    </style>
    <script>
        $(document).ready(function(){
        var hidesize = $('.sidebar').attr('height');
        $('.container').text("Высота блока:" + hidesize);
    });
    </script>
</head>
<body>
    <div class="wrapper">
        <div class="sidebar">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos ut ea beatae, facere optio? Repellat cumque illum amet illo nostrum ex iusto dignissimos, sed, culpa id deserunt voluptatum, expedita quis.</div>
        <div class="container">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo ducimus animi pariatur praesentium, modi accusantium vero dolore. Illum voluptas, harum illo ducimus sequi modi dolore perferendis, adipisci laudantium corporis voluptate!
        </div>
    </div>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 27.06.2014, 20:18
Интересующийся
Отправить личное сообщение для dwarf Посмотреть профиль Найти все сообщения от dwarf
 
Регистрация: 22.05.2014
Сообщений: 16

Имхо это не атрибут а стиль...
$(document).ready(function(){
        var hidesize = $('.sidebar').css('height');
        $('.container').text("Высота блока:" + hidesize);

а истинную высоту можно и так определить
$('.sidebar' ).height();

Последний раз редактировалось dwarf, 27.06.2014 в 20:21.
Ответить с цитированием
  #3 (permalink)  
Старый 01.07.2014, 08:37
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

var hidesize = $('.sidebar').css('height'); и $('.sidebar' ).height(); - одно и то же. Второе - быстрая функция.

Я так подозреваю что $('.sidebar') возвращает ubdefined, то есть не находит попросту этот твой сайдбар
Ответить с цитированием
  #4 (permalink)  
Старый 01.07.2014, 09:01
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

Присмотритесь повнимательнее:
<div class="sidebar">
Где здесть спрятался атрибут height?
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выводить значение раньше переменных Гробовщик Общие вопросы Javascript 11 10.09.2013 08:42
Как получить значение атрибута тега iframe? Dimaz Общие вопросы Javascript 5 15.12.2012 15:40
Как дописать значение атрибута value, а не переписать Dimaz jQuery 2 12.12.2012 21:12
Не могу получить значение атрибута DenQ jQuery 9 06.02.2011 14:33
Кроссброузерно определить значение атрибута faunder Общие вопросы Javascript 5 21.02.2009 22:08