How to select anchor tag text within table with multiple anchors

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?

  1. <table>
  2. <tbody>
  3. <tr>
  4. <td class = "CourseModels" >
  5. <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&amp;div=dvr" > PS111 </A>
  6. <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&amp;div=dvr" > PS112 </A>
  7. <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&amp;div=dvr" > PS113 </A>
  8. (...dynamic..)
  9. </td>
  10. </tr>
  11. </tbody>
  12. </table>