How to get at repeater Item from jQuery

Question

I've got a repeater on the page. The repeater is actually in an .ascx. In the repeater each item has a few things such as an Add button, and a couple of other fields.

What I am trying to the Container.DataItem but the one that relates to the Add button that was clicked. If the user clicks the add button in the repeater list, give me reference to the Container.DataItem for that related to the button in that ItemTemplate that the user just clicked.

The add button is really just a regular HTML hyperlink wrapped around a regular HTML image. I added an ID to the hyperlink but don't know how to really link the two and gain reference to the DataItem.

I'm all set and can fly with jQuery and do whatever client-side stuff I want.

Example of what I started:

<script type="text/javascript">

$(document).ready(function()
{
    $(myUserControl.MyRepeater).
}

</script>

Answer 1

The Repeater and the DataItems are server-side control which is available from the code-behind of your pages/controls. You cannot access it from client-side code (javascript).

Answer 2

The repeater doesn't generate any HTML of its own. It'll only write what you tell it to write.

So what you'll have to do is somehow identify each item, preferably with unique id's in the HTML. That way you can gain access to it through the DOM.

For example, if the rendered markup looked like this then you could actually access "item1" via jquery:

<div id="item1">abc</div>
<div id="item2">def</div>

To accomplish this you might try something like this in your ItemTemplate :

<ItemTemplate>
  <div id="item<%#Container.ItemIndex %>">bla</div>
</ItemTemplate>