How to select anchor tag text within table with multiple anchors
I have the following table. I need only the text within the anchor in comma delimited format.
How can we do this with jquery?
-
<table>
-
<tbody>
-
<tr>
-
<td class = "CourseModels" >
-
<A style = " BORDER-BOTTOM : #0077cc 1px solid ; BORDER-LEFT : #0077cc 1px solid ; PADDING-BOTTOM : 1px ; LINE-HEIGHT : 1.6em ; BACKGROUND-COLOR : #0077cc ; MARGIN : 3px ; PADDING-LEFT : 3px ; PADDING-RIGHT : 3px ; COLOR : #dedede ; FONT-SIZE : 1.2em ; BORDER-TOP : #0077cc 1px solid ; FONT-WEIGHT : bold ; BORDER-RIGHT : #0077cc 1px solid ; PADDING-TOP : 1px " id = "linkModel1" class = "anchorModel" href = "../ProductPage/Page.aspx?id=PS111&div=dvr" > PS111 </A>
-
<A style = " BORDER-BOTTOM : #0077cc 1px solid ; BORDER-LEFT : #0077cc 1px solid ; PADDING-BOTTOM : 1px ; LINE-HEIGHT : 1.6em ; BACKGROUND-COLOR : #0077cc ; MARGIN : 3px ; PADDING-LEFT : 3px ; PADDING-RIGHT : 3px ; COLOR : #dedede ; FONT-SIZE : 1.2em ; BORDER-TOP : #0077cc 1px solid ; FONT-WEIGHT : bold ; BORDER-RIGHT : #0077cc 1px solid ; PADDING-TOP : 1px " id = "linkModel2" class = "anchorModel" href = "../ProductPage/Page.aspx?id=PS112&div=dvr" > PS112 </A>
-
<A style = " BORDER-BOTTOM : #0077cc 1px solid ; BORDER-LEFT : #0077cc 1px solid ; PADDING-BOTTOM : 1px ; LINE-HEIGHT : 1.6em ; BACKGROUND-COLOR : #0077cc ; MARGIN : 3px ; PADDING-LEFT : 3px ; PADDING-RIGHT : 3px ; COLOR : #dedede ; FONT-SIZE : 1.2em ; BORDER-TOP : #0077cc 1px solid ; FONT-WEIGHT : bold ; BORDER-RIGHT : #0077cc 1px solid ; PADDING-TOP : 1px " id = "linkModel3" class = "anchorModel" href = "../ProductPage/Page.aspx?id=PS113&div=dvr" > PS113 </A>
-
(...dynamic..)
-
</td>
-
</tr>
-
</tbody>
-
</table>