Question

How do I select an element with jquery, when a different element is clicked, when you don’t know the name of the element? The code below is looping over the all the categories. I don’t know how many categories there are, or what the names will be. When the ‘insertUrl’ link is clicked, I need to select the text area.

The only thing I can thinking is running an function in onclick and passing the name of the text area as a parameter.

Also, I’m not sure that I can use a selector when every link has the same id, so is this even possible?

<%
    FullName = objCategory.ID & "|" & objCategory.Name
%>      
<TD COLSPAN="2">
<TEXTAREA ROWS="5" CLASS="formWide" id="<%=FullName %>"><%= objCategory.Text %></TEXTAREA><br />
<a href="#" id="insertUrl">Insert URL</a>
</TD>

Answer 1

If the HTML structure stays the same you can use .prev()

You shouldn’t have elements with the same ID. You can use classes class="insertUrl"

<%
  FullName = objCategory.ID & "|" & objCategory.Name
%>      
<TD COLSPAN="2">
  <TEXTAREA ROWS="5" CLASS="formWide" id="<%=FullName %>"><%= objCategory.Text %></TEXTAREA><br />
  <a href="#" class="insertUrl">Insert URL</a>
</TD>

and

$(".insertUrl").click(function() {
  var textarea = $(this).siblings('textarea');
});