Search jQuery

jQuery Forum

How to select anchor tag text within table with multiple anchors

in Using jQuery • 8 years ago

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>