empty vs remove

Benchmark created by graham on


Preparation HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<div class="ui-widget-content ui-component-outerpadding ui-corner-top ui-corner-bottom View LightboxView MentionPageLightboxView openedBy_workbench-object-analysis-component-mentions" viewid="MentionPageLightboxView_5743367669921" id="GB_window" style="width: 1280px; height: 96%; left: 315px; top: 13px; z-index: 5000;">    <div id="GB_caption">[article] News: Assassin's Creed Brotherhood on PC: we have the details! - Atomic 3.0        <!-- the caption will be added here by the greybox plugin -->        <a href="#close" title="Close" class="hide ui-state-default ui-corner-all ui-component-icononlybutton ui-helper-clearfix">            <span class="ui-icon ui-icon-close">close</span>        </a>    </div>    <div class="status-message-area">    <span class="status-message ui-corner-all"></span></div>           <div id="GB_TOP">          <div class="mention-feedback-lightbox-top" id="#GB_TOP">    <div class="mentionsview-utils-bar">        <div class="show-hide-toolbars">            <div class="heading">                <span title="Use the tickboxes to only show what you need" class="show-sections">Show / Hide Toolbars</span><a key="feedbackFrameShowHideToolbars" class="help" href="#"></a>            </div>            <div class="show-hide-toggles">                <span class="show-summary-toggle">                    <span class="ui-checkbox ui-state-default"><span class="ui-icon ui-icon-empty"></span><input type="checkbox" value="show-summary" id="show-summary" toggle_container_id="summary" class="section-toggler" checked="checked" role="checkbox" aria-checked="false"></span>                    <label title="Show the snippet of text surrounding the mention" for="show-summary">Summary</label>                </span>                <span class="show-metrics-toggle">                    <span class="ui-checkbox ui-state-default"><span class="ui-icon ui-icon-check"></span><input type="checkbox" value="show-system-metrics" id="show-system-metrics" toggle_container_id="system-metrics-section" class="section-toggler" checked="checked" role="checkbox" aria-checked="true"></span>                    <label title="Show system metrics and the 'checked' attribute" for="show-system-metrics">Metrics</label>                </span>                <span class="show-categories-toggle">                    <span class="ui-checkbox ui-state-default"><span class="ui-icon ui-icon-check"></span><input type="checkbox" value="show-categories" id="show-categories" toggle_container_id="categories-section" class="section-toggler" checked="checked" role="checkbox" aria-checked="true"></span>                    <label title="Show categories like Status, Priority but also your own categories" for="show-categories">Categories</label>                </span>                <span class="show-tagging-toggle">                    <span class="ui-checkbox ui-state-default"><span class="ui-icon ui-icon-check"></span><input type="checkbox" value="show-tagging" id="show-tagging" toggle_container_id="tagging-section" class="section-toggler" checked="checked" role="checkbox" aria-checked="true"></span>                    <label title="Show the tagging section that lets you freeform tag" for="show-tagging">Tagging</label>                </span>            </div>        </div>        <div class="find-in-page">            <div class="heading">                <span title="Use the tickboxes to only show what you need" class="show-sections">Find in page</span><a key="feedbackFrameFindInPage" class="help" href="#"></a>            </div>            <span class="queryname-and-search">                "<span title="Query: graham - assassin (click 'next' to jump to the next mention on this page)" class="current-query">graham - assassin</span>"                <a title="Jump to next mention of graham - assassin on this page (highlighted)" brandid="2546073" class="highlight-next inpage REMui-state-default REMui-brandwatch-remove-state-styling" href="#">                        next<!-- <span class="ui-icon ui-icon-arrowthickstop-1-s"></span>  -->                </a>                <form class="searchOnThisPage">    <input type="text" value="Initialising search..." class="search-in-page" id="searchOnThisPageTextBox"></form><a key="searchOnPage" class="help searchOnPage" href="#"></a>            </span>        </div>                <div class="prev-next-buttons">            <div class="heading">                <span class="show-sections">Toggle between pages</span><a key="feedbackFramePrevNextPage" class="help" href="#"></a>            </div>            <div class="prev-next-toggles">                <a href="#page-prev" title="Previous web page" class="page-prev ui-state-disabled ui-corner-all ui-state-default ui-component-textbutton ui-brandwatch-textbutton-with-icon-left">                    <span class="ui-icon ui-icon-triangle-1-w"></span>Prev</a>                                <a href="#page-next" title="Next web page" class="page-next ui-state-default ui-corner-all ui-state-default ui-component-textbutton ui-brandwatch-textbutton-with-icon-right">                    <span class="ui-icon ui-icon-triangle-1-e"></span>Next</a>            </div>        </div>        <a href="#close" title="Close" class="hide ui-state-default ui-corner-all ui-component-icononlybutton ui-helper-clearfix">            <span class="ui-icon ui-icon-close">close</span>        </a>    </div>    <table id="permanent-info-section">        <tbody>            <tr>                <td class="title-summary">                    <span class="title">                        <a title="[article] News: Assassin's Creed Brotherhood on PC: we have the details! - Atomic 3.0 (in new browser window)" target="_blank" href="http://forums.atomicmpc.com.au/index.php?showtopic=40215">                            <span class="position">1. </span>[article] News: Assassin's Creed Brotherhood on PC: we have the detai..                        </a>                        <a resourceid="2147717905" class="star ">Star</a>                    </span>                    <div id="summary" class="summary section" style="display: none;">[article] News: <span class="matchedTerm">Assassin</span>'s Creed Brotherhood on PC: we have the details! Been hanging out for news on the release of <span class="matchedTerm">Assassin</span>’s Creed: Brotherhood on the PC? We’ve got all the skinny you need. View the full article</div>                    <a class="url" title="Open in a new window / tab" target="_blank" href="http://forums.atomicmpc.com.au/index.php?showtopic=40215">http://forums.atomicmpc.com.au/index.php?showtopic=40215</a>                </td>                <td class="delete-container">                                            <span class="delete-link">                                                            <a href="#delete-page" title="Delete mention from graham - assassin" class="delete-page ui-corner-all ui-state-default ui-component-textbutton ui-brandwatch-textbutton-with-icon-left"><span class="ui-icon ui-icon-trash"></span>Delete</a>                                                    </span>                                    </td>                <td>                </td><td class="check-and-next-container">                    <a class="check-and-next ui-corner-all ui-state-default ui-component-textbutton ui-brandwatch-textbutton-with-icon-right" href="#">Set checked &amp; show next<span class="ui-icon ui-icon-triangle-1-e"></span></a>                        <a key="checkAndNextButton" class="help" href="#"></a></td>                            </tr>        </tbody>    </table>    <table class="metrics section" id="system-metrics-section">        <thead>            <tr rowid="2147717905">                <th class="first">Date found</th>                <th class="seomoz">                    <img width="12" height="12" class="seomoz-icon" src="js/workbench/resources/mozrank.png">mozRank                    <a class="seomoz" title="Visit SEOmoz" target="_blank" href="http://www.seomoz.org/linkscape">                </a></th>                <th>Backlinks</th>                                <th>Page type</th>                <th>Location</th>                <th>Sentiment</th>                <th class="checked-by-user-heading">Checked</th>            </tr>        </thead>        <tbody>            <tr rowid="2147717905">                <td class="first">Wed Mar 02 2011</td>                <td class="seomoz"><a href="http://www.seomoz.org/linkscape/intel/basic?uri=http%3A%2F%2Fforums.atomicmpc.com.au%2Findex.php%3Fshowtopic%3D40215" target="_blank" title="Visit SEOmoz"><span class="mozrank">n/a</span><span class="scale-sparkline" title="n/a"><canvas style="display: inline-block; width: 49px; height: 14px; vertical-align: top;" width="49" height="14"></canvas></span></a></td>                <td><span class="backlinks" title="n/a" number="n/a">n/a</span><span class="scale-sparkline" title="n/a"><canvas style="display: inline-block; width: 39px; height: 14px; vertical-align: top;" width="39" height="14"></canvas></span></td>                                <td formatter="renderMetricAsDropdown" class="hasFormatterOnDemand">                                        <span class="content">                    <a href="#renderAsDropdown;mentionId=2147717905;metricType=siteTypes" class="toggle-metric-dropdown inpage">Video</a>                                        </span>                </td>                <td formatter="renderMetricAsDropdown" class="hasFormatterOnDemand">                    <span class="content">                        <a href="#renderAsDropdown;mentionId=2147717905;metricType=countries" class="toggle-metric-dropdown inpage">Argentina</a>                    </span>                </td>                <td class="hasFormatter sentiment-radio-buttons" formatter="renderAsSentimentRadioButtons">                    <span class="contents" style="display: none;">negative</span><span><span class="ui-radio ui-state-default"><span class="ui-icon ui-icon-empty"></span><input type="radio" value="positive" id="positive_1299579229541" name="sentiment_1299579229541" class="sentiment-toggle" role="radio" aria-checked="false"></span><label for="positive_1299579229541" class="positive">Pos</label><span class="ui-radio ui-state-default"><span class="ui-icon ui-icon-empty"></span><input type="radio" value="neutral" id="neutral_1299579229541" name="sentiment_1299579229541" class="sentiment-toggle" role="radio" aria-checked="false"></span><label for="neutral_1299579229541" class="neutral">Neu</label><span class="ui-radio ui-state-default"><span class="ui-icon ui-icon-bullet"></span><input type="radio" value="negative" id="negative_1299579229541" name="sentiment_1299579229541" class="sentiment-toggle" role="radio" aria-checked="true"></span><label for="negative_1299579229541" class="negative">Neg</label></span>                </td>                <td class="hasFormatter checked-by-user" formatter="renderAsCheckbox"><span class="ui-checkbox ui-state-default"><span class="ui-icon ui-icon-empty"></span><input type="checkbox" class="check-box checked-by-user" value="Checked" id="checkbox_1299667487112" role="checkbox" aria-checked="false"></span>                    <span current-check-state="no" class="contents"><label for="checkbox_1299667487112">Yes</label></span><a key="markMentionAsChecked" class="help" href="#"></a>                </td>            </tr>        </tbody>    </table>       <table class="metrics section" id="categories-section">        <thead>            <tr>                <th class="first">Assign</th>                                <th>                        Priority                </th>                                <th>                        Status                </th>                            </tr>        </thead>        <tbody>            <tr rowid="2147717905">                <td path="categoriesByName.Management%20Categories.Assignment" class="hasFormatterOnDemand Assignment first">                    <span class="content">                        <a title="grahams@b.. (click to change)" href="#renderAsCategoryDropdown;mentionId=2147717905" class="renderAsCategoryDropdown inpage">grahams@b..</a>                     </span>                </td>                                <td path="categoriesByName.Management%20Categories.Priority" class="hasFormatterOnDemand Priority ">                    <span class="content">                        <a title="low (click to change)" href="#renderAsCategoryDropdown;mentionId=2147717905" class="renderAsCategoryDropdown inpage">low</a>                     </span>                </td>                                <td path="categoriesByName.Management%20Categories.Status" class="hasFormatterOnDemand Status ">                    <span class="content">                        <a title="pending (click to change)" href="#renderAsCategoryDropdown;mentionId=2147717905" class="renderAsCategoryDropdown inpage">pending</a>                     </span>                </td>                            </tr>        </tbody>    </table>    <div class="section" id="tagging-section">        <span entityid="2147717905" formatter="renderAsTags" class="hasFormatter Tags">            <span class="editable tagslist"><input type="text" value="tag 1, tag 2" class="tagsInput unfocussed  " title="Click to edit tags"></span><div class="notice" style="display: none;">Enter tags <b>comma separated</b> <!-- <span style="color:#555">(Hint: press "Enter" to jump to the next input field)</span> --></div>        </span>        <a class="inpage edit-note-link" href="#editNote;noteId=388;resourceId=2147717905;zIndex=6000" title="Add a note and see all status changes for this mention">Notes</a>    </div></div>       </div><iframe src="/brandwatch/feedback/original?content.url=http%3A%2F%2Fforums.atomicmpc.com.au%2Findex.php%3Fshowtopic%3D40215&amp;includeScripts=false" style="height: 616px;" class="openedBy_workbench-object-analysis-component-mentions" id="GB_frame"></iframe>        <!-- #GB_IFRAME will be added here by the greybox plugin --></div>
<script>
  var me = $('.MentionPageLightboxView')
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
remove
me.remove();
ready
empty and remove
me.empty().remove();
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.