jquery traversing and tables

Question

Эта проблема делает меня немного сумасшедшим.

У меня есть что-то вроде этого

<h3>Feeds 
    <span><a class="smallbutton create_feed" href="javascript:;"> 
    <strong>Create New</strong> 
    </a> 
    </span> 
    <span class="div_form_add_feed"> 
    <a class="smallbutton btn_save_feeds" href="javascript:;"> 
    <strong> Add </strong></a> 
    </span> 
    </h3> 
<table cellpadding=0 cellspacing=1 class="table"> 
<tr><td> 
<div class="get_feeds_news">test</div></td></tr></table> 

Я хочу класс Добавить ссылку «smallbutton btn_save_feeds» заменить Див «get_feeds_news» с чем-то другим. Но я не могу, похоже, перейти к нему, используя $ (this) в jQuery.

Каков правильный путь для перехода из класса Add link «smallbutton btn_save_feeds», чтобы изменить someting в div «get_feed_news»? Я попробовал следующее, но не работал.

$(this).closest('.get_feeds_news').html('hihi'); 

Проблема в том, что она находится внутри стола?

Заранее спасибо.

Answer 1

closest() не будет работать, так как элемент, который вы ищете, не является предком кнопки.

get_feeds_news Если это единственное вхождение этого класса, вы могли бы просто использовать $('.get_feeds_news')

В противном случае, вы могли бы сделать что-то вроде:

$(this).closest('h3').next().find('.get_feeds_news')

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

Answer 2

вы пропустили точку (плюс закрывающий тег Div)

$(this).closest('.get_feeds_news').html('hihi'); 

Answer 3

попробовать фиксируя свой HTML, вы не закроете get_feeds_news DIV:

<table cellpadding=0 cellspacing=1 class="table"> 
<tr><td> 
<div class="get_feeds_news"></div></td></tr></table> 

Answer 4

вы можете выбрать один из двух элементов на

$('.get_feed_news:eq(0)') 

(или 1 для второй)

или, если у вас есть 2 ссылки smallbutton btn_save_feeds (один для каждого .get_feed_news), вы можете использовать:

$('.get_feed_news').eq($(this).index()) 

, что в основном проходит индекс для фильтрации .get_feed_news с индексом вызывающего абонента:]