Доступ к элементу переменной в javascript

Question

Я программирую страницу комментариев, где я также хочу, чтобы функциональность удаляла комментарий. Но как мне получить доступ к элементам, например, внутри тегов <p> и <span> в моем классе .commentdiv, если .commentdiv был назначен переменной JavaScript? Немного неуклюже, чтобы объяснить, но проверьте код ниже.

Я хочу использовать эту информацию для использования AJAX-вызова и удаления соответствующего комментария в моей базе данных.

Так что это, надеюсь, довольно простая вещь, но я все еще не могу найти ответ на свою проблему. Функция filter(), вызывающая объект parentDiv, не работает.

Мой HTML-код:

<div class="commentdiv"> 
    <p>$comment</p> 
    <a href="#" class="deletecomment">Delete comment</a> 
    <span class="commname">$name</span>, <span class="commtimestamp">$time</span> 
</div> 

Мой Javascript код:

var parentDiv = $(this).parent(); 
var name = parentDiv.filter('.commname').innerHTML; 
var comment = parentDiv.filter('p').innerHTML; 
var timestamp = parentDiv.filter('.commtimestamp').innerHTML; 

Answer 1

Поскольку вы используете JQuery вы должны использовать jquery selectors. Вы также должны проверить многие из руководств о том, как использовать jquery или javascript для взаимодействия с dom. Google - ваш друг и codeschool имеют достойный учебник для начинающих.

Для доступа:

<p>$comment</p> 
$('.commentdiv p:first').html(); //gets the $comment value from the above 

<span class="commname">$name</span>, 
$('span .comname').html(); //gets the $name value from the above 

<span class="commtimestamp">$time</span> 
$('span .commtimestamp').html(); //gets the $time value from the above 

Answer 2

Найдено решение!

Я подошел к моей проблеме немного по-другому. Вместо того, чтобы идти на один уровень вверх в .commentdiv, я искал брат и сестра в .deletebutton вместо с кодом ниже:

var name = $(this).siblings(".commname").html(); 
var comment = $(this).siblings("p").html(); 
var timestamp = $(this).siblings(".commtimestamp").html(); 

Ура!