Подтвердить что ты не робот

Доступ к div внутри td с помощью jquery

Не знаю, почему я нахожу это настолько трудным. Вот код html:

<tr>
    <td>FirstName 9</td>
    <td>LastName 9</td>
    <td><a href="#" id="linkSponsorMessage">View</a></td>
    <td>
        <div class="divSponsorMessage" style="display:none">
            Greetings FirstName 9, LastName 9!
        </div>        
    </td>
</tr>

Мне нужно получить доступ к <div> при нажатии на ссылку привязки с помощью JQuery.

ОБНОВЛЕНИЕ:

Я должен работать:

$("#linkSponsorMessage").parent("td").next("td").children("div")

Но есть ли лучший способ!!!

ОБНОВЛЕНИЕ 2:

Кроме того, поскольку я использую несколько тегов DIVS и привязки, мне пришлось сделать $(this), чтобы ссылаться на текущий тег привязки, который был запущен.

$(document).ready(function() 
{
    $("a").mouseover(function()     
    {
        var divs = $(this).closest("tr").find("div").fadeIn("slow"); 

    });

    $("a").mouseout(function()     
    {
        var divs = $(this).closest("tr").find("div").fadeOut("slow"); 

    });


});
4b9b3361

Ответ 1

Вы можете использовать это:

$("#linkSponsorMessage").closest("tr").find("div")

или

$("#linkSponsorMessage").closest("tr").find(".divSponsorMessage")

Ответ 2

Просто используйте

$("a").click(function(){alert("clicked");return false;};)

В приведенном выше коде будет отображаться предупреждение и не будет разрешено использовать функцию по умолчанию для ссылки.

Надеюсь, что это поможет.

Ответ 3

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

Посмотрите на ответ Ника Кравера о том, как найти div по близости.

[оригинальный ответ]

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

$('#linkSpnsoMessage').click( function(){
   var $div = $('.divSponsorMessage');
    //$div variable now holds the jquery version of the div..
} );

Ответ 4

попробуйте это

 $(td a).click(function(){
  alert('hello');
   return false;
 });

Ответ 5

$('div.divSponsorMessage');