выбрать и изменить стиль элемента. Помогите найти ошибку
 

Народ, помогите плиз. Не могу понять почему не выбирает элемент
вот верстка

<div class="album" style="display: block; " id="98">
<div class="album_name" style="display: block; "><a class="showphoto" id="98">defaulalbum</a></div>
<div class="album_content" id="98" style="display: none; ">
<div class="photo" style="display: block; ">
<img src="images/usergalleries/99/tumb/cbe359900e5b4519df00e67adfbe0771.jpg" id="150">
</div>
</div>
<div class="clear" style="display: block; "></div>
</div>

<div class="album_content" id="98" style="display: none; "> - нужно изменить свойство. Пишу функцию

$('a.showphoto').live('click',function(){
        //$(this).parent().parent().$('.album_content').css('display', 'block');
        var idblock = "div#"+$(this).attr("id").toString() + " .album_content";
        var classblock = "div.album_content";
        alert (idblock);
        
        $(idblock).css('display', 'block');
    });

на classblock отлично срабатывает, на idblock никак(((

id всегда должен быть уникальным, не должно быть два или более элементов с одним id, RTFM!

попробуйте такой способ. но помните, несколько элементов с одним ID - грех !

$('a.showphoto').live('click', function() {
    $("div").filter("#" + this.id)   // див с таким же id,как у ссылки
        .find(".album_content")   // эл с таким классом внутри этого div
             .css('display', 'block'); // устанавливаем display
});

в jquery возможно всё

$('<div id="one"></div>').appendTo('body');
$('<span id="one"></span>').appendTo('body');
console.log($('#one'));//вернет только один элемент а не весь набор

Даже в jQuery чудес не бывает

kadabrik,

$('body')
  .append( $("<div/>").attr('id', 'foo') )
  .append( $('<span/>').attr('id', 'foo') )
  .append( $('<p/>').attr('id', 'foo') )
;
console.log( $('[id="foo"]') );

Сколько элементов вернет jQuery?

$('#foo') - самый быстрый селектор, не надо есть суп вилкой используя $('[id="foo"]'), мы всетаки с DOM и HTML а не с XML работаем.

Да он к тому что давно дом позволяет использовать много раз один и тот же id. Да не спорю при использовании $('#foo') jquery просто использует getElementById и при этом возвращает один элемент, ибо этот метод больше и не может вернуть... Но если юзать такой $('[id="foo"]') способ, jquery запускает querySelectorAll встроенный в браузер и она возвращает все совпавшие элементы.. Ну а в старых браузера jquery использует Sizzle

и да кстати, если сравнить по скорости работы двух методов:

document.getElementById('dv');
document.querySelectorAll('[id=dv]');

то querySelectorAll работает быстрее

Так что стоит пересмотреть эти слова... Уже давно пора привыкать к тому что старое не всегда хорошо.

Это откуда такие выводы? Он по определению медленнее. В chrome getElementById в 25 раз быстрее querySelectorAll

Только вот где логика, непонятно. Это ж если такое мнение устоится, то как потом обозначивать конкретный элемент? Мир рушится...