Ответ 1
Вы можете использовать это:
$("#linkSponsorMessage").closest("tr").find("div")
или
$("#linkSponsorMessage").closest("tr").find(".divSponsorMessage")
Не знаю, почему я нахожу это настолько трудным. Вот код 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");
});
});
Вы можете использовать это:
$("#linkSponsorMessage").closest("tr").find("div")
или
$("#linkSponsorMessage").closest("tr").find(".divSponsorMessage")
Просто используйте
$("a").click(function(){alert("clicked");return false;};)
В приведенном выше коде будет отображаться предупреждение и не будет разрешено использовать функцию по умолчанию для ссылки.
Надеюсь, что это поможет.
отмените мой оригинальный ответ, если у вас есть несколько сообщений div.... думал, что вы использовали идентификатор как для ссылки, так и для div
Посмотрите на ответ Ника Кравера о том, как найти div по близости.
[оригинальный ответ]
Поскольку вы используете идентификаторы для каждого элемента, очень легко получить доступ к чему-либо.. вот несколько примеров кода.
$('#linkSpnsoMessage').click( function(){
var $div = $('.divSponsorMessage');
//$div variable now holds the jquery version of the div..
} );
попробуйте это
$(td a).click(function(){
alert('hello');
return false;
});
$('div.divSponsorMessage');