JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<div id="sort-and-filter">
    Filter:
    <select class="tag">
    </select>
    <div>
        Sort:
        <select class="sort">
            <option value="">Asc</option>
            <option value="">Desc</option>
            <option value="">None</option>
        </select>
    </div>
</div>

<div id="comments">
				<div class="comments_intro" id="comments_intro">
					<p><span class="bracket">{</span> <span>11</span> comments… read them below or <a rel="nofollow" href="#respond">add one</a> <span class="bracket">}</span></p>
				</div>

				<dl id="comment_list">
					<dt id="comment-2" class="comment byuser comment-author-adambaird even thread-even depth-1">
<span class="avatar"><img width="44" height="44" class="avatar avatar-44 photo" src="http://0.gravatar.com/avatar/896e5ae374f0279d6a425a48c5e847b9?s=44&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D44&amp;r=G" alt=""></span>
<span class="comment_author">adambaird</span>
<span class="comment_time"><a rel="nofollow" title="Permalink to this comment" href="#comment-2">December 30, 2013 at 5:12 pm</a></span>

		<span class="comment_rating">Rate comment: <a href="http://adambaird.wpengine.com/2011/07/25/hello-world/?rating_ID=2#comment-2">3</a></span>
						</dt>
					<dd class="comment byuser comment-author-adambaird even thread-even depth-1">
<div id="comment-body-2" class="format_text">
<p>This is a test comment.</p>
<p class="reply"><a onclick="return addComment.moveForm(&quot;comment-body-2&quot;, &quot;2&quot;, &quot;respond&quot;, &quot;1&quot;)" href="/2011/07/25/hello-world/?replytocom=2#respond" class="comment-reply-link">Reply</a></p>
</div>
					</dd>
					<dt id="comment-3" class="comment byuser comment-author-adambaird odd alt thread-odd thread-alt depth-1 parent">
<span class="avatar"><img width="44" height="44" class="avatar avatar-44 photo"...

JavaScript

var tags = $('#commentform select[name="comment_tag"] option').map(function() {
    return $(this).text();
}).get();

var $base = $("#sort-and-filter");

var $tag = $base.find('.tag');

tags.forEach(function(tag) {
    $tag.append($("<option/>").text(tag));
});

console.log(tags);