count elements with specific data using ES6 concatenation

Question

trying to use ecmascript 6 variable concatenation.

Expecting exists in console but getting error. Please help:

let path = 'abc';
if($('.title[data-path=${path}]').length > 0){
  console.log('exists');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='title' data-path = 'abc'>lorem</div>
<div class='title' data-path = 'def'>ipsum</div>
<div class='title' data-path = 'abc'>lorem</div>

use template literals not `''` – Maheer Ali Feb 09 '19 at 19:54 — Maheer Ali, Feb 09 '19 at 19:54

ellipsis · Accepted Answer · 2019-02-09T20:01:31.030

0

Use concatenation instead

let path = 'abc';
if($(`.title[data-path=${path}]`).length > 0){
  console.log('exists');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='title' data-path = 'abc'>lorem</div>
<div class='title' data-path = 'def'>ipsum</div>
<div class='title' data-path = 'abc'>lorem</div>

edited Feb 09 '19 at 20:01

answered Feb 09 '19 at 19:56

ellipsis

11,688
2
14
33

check the edits now – ellipsis Feb 09 '19 at 20:01

count elements with specific data using ES6 concatenation

1 Answers1