jQuery Selector等同于javascript

Question

I am trying to get the jquery equvaliant of this javascript

var id = $(this).parent().parent().parent().attr("id");
document.getElementById(id).getElementsByClassName("addcomment")[0].style.display = 'block';

but its not working

$('#+id+' '.addcomment').css('display','block');

Any suggestions ?

Answer 1

$('#' + id + '.addcomment').css('display','block');

as a sidenote in the page you should have only one element with that id, so

$('#' + id ).css('display','block');

should works too (of course only if classname it's not necessary to target it, since this is a different selector)

Answer 2

$('.addcomment', '#' + id).css('display','block');

或简单

$('#' + id).css('display','block');

Answer 3

I think you need to get the child elements based on their class. So try this.

$('#' + id ).find('.addcomment').show();