Problem in accessing jsf datatable elements using jquery

Problem in accessing jsf datatable elements using jquery

Hi,

I am working on a cross compatibility project where in i have decided to replace some of the browser specific javascript(example-to add rows to a jsf datatable use of cells[i]-doesnt work in IE7,IE9 and IE10).

so i am trying to use jquery instead.

I am facing issue while facing issue while accessing elements of the jsf datatable.

Code structure is like shown below

<h:datatable styleClass="class1,class2">
<h:column>
<h:outputText id="id1" />
</h:column>
<h:column>
<h:outputText id="id2" />
</h:column>
</h:datatable>

using jquery i m trying to do this
$(.class1).html="someValue";

But this assigns someValue to all rows with columns having styleclass as class1.

I want to access elements of the jsf datatable and assign values to the column elements on click of a button(its a client side validation and i am not using ajax call).

This is the first step in my project and the deadline is nearing.

Any help would be really appreciated

Thanks in advance.