Run results for: JQuery: selector vs filter vs filter+filter

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: 10 days ago

Test name	Executions per second
SELECTOR + FILTER	132428.9 Ops/sec
SELECTOR + FILTER + FILTER	127845.4 Ops/sec
SELECTOR only	379415.2 Ops/sec

HTML Preparation code:

<table class="table table-striped" id="node_tableEdge">
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1194154">aaa</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1194154" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494108">bbb</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494108" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494111">ccc</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494111" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494112">ddd</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494112" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494113">eee</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494113" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494114">fff</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494114" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494115">ggg</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494115" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494116">hhh</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494116" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494117">iii</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494117" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494118">jjj</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494118" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1194154">aaa</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1194154" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494108">bbb</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494108" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494111">ccc</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494111" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494112">ddd</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494112" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494113">eee</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494113" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494114">fff</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494114" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494115">ggg</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494115" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494116">hhh</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494116" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494117">iii</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494117" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
  <tr>
    <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494118">jjj</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494118" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td>
  </tr>
</table>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js'></script>

Tests:

SELECTOR + FILTER
$('.node_rowEdgeDel').filter('[data-to-uri="kb:1194154"][data-edge-type-id="2"]')
SELECTOR + FILTER + FILTER
$('.node_rowEdgeDel').filter('[data-to-uri="kb:1194154"]').filter('[data-edge-type-id="2"]')
SELECTOR only
$('.node_rowEdgeDel[data-to-uri="kb:1194154"][data-edge-type-id="2"]')

Run results for: JQuery: selector vs filter vs filter+filter

find the best solution for optimize getting selected option

SELECTOR + FILTER

SELECTOR + FILTER + FILTER

SELECTOR only