Remove content and append class with jQuery
<p>I have to use a proprietary cms blog that renders it's "summary marker" that contains</p>

<ol>
<li>an elipsis</li>
<li>a dynamic changing link (so the link is always different)</li>
<li>static text that says: Click here to read more.</li>
</ol>

<p>This is how the summary marker currently renders on a page:</p>

<pre><code>&lt;p&gt;Content goes here....&lt;a href="example.htm"&gt;Click here to read more.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;More content goes here....&lt;a href="anothertest.htm"&gt;Click here to read more.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Content goes here....&lt;a href="helloworld.htm"&gt;Click here to read more.&lt;/a&gt;&lt;/p&gt;
</code></pre>

<p>Meanwhile, I would like to control the summary marker with some jquery so I'm not restricted to its rigid display by:</p>

<ol>
<li>removing each <code>ellipsis</code> </li>
<li>appending a <code>class</code> ONLY after the <code>href</code> that contained the ellipsis, so it doesn't update other links on the page.</li>
</ol>

<p>This would be the much desired expected result.</p>

<pre><code>&lt;p&gt;Content goes here.&lt;a href="example.htm" class="readmore"&gt;Click here to read more.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;More content goes here.&lt;a href="anothertest.htm" class="readmore"&gt;Click here to read more.&lt;/a&gt;
&lt;p&gt;Content goes here.&lt;a href="helloworld.htm" class="readmore"&gt;Click here to read more.&lt;/a&gt;
</code></pre>

<p>Thanks so much for your help in advance!</p>

<p>This is what I got, which is bad I know</p>

<pre><code>$("p").html("...").remove:after.attr(".readmore").attr("href"));
</code></pre>
