Get concatenate string of multiple value variable in Javascript

Question

I've a list of div

<div data-attr="sel" data-num="1"></div>
<div data-attr="notSel" data-num="2"></div>
<div data-attr="sel" data-num="3"></div>

I'm tryng to get a string only div with the data-attr="sel" set.

function SI_MoveTasks() {
    var getSelected = document.querySelector('[data-attr~="sel"]');
    var selectedNums = getSelected.dataset.num;
    alert(selectedNums);
}

Now i get (1), how can i get the concatenate string (1,3)? Thanks for support.

You have jquery tagged; are you planning to use it?

Steve Hynding
– Steve Hynding

2015-06-03 20:05:41 +00:00
Commented Jun 3, 2015 at 20:05 — Steve Hynding
– Steve Hynding, Commented Jun 3, 2015 at 20:05

Venkata Krishna · Accepted Answer · 2015-06-03 20:09:36Z

4

DEMO -> http://jsfiddle.net/0d54ethw/

Use querySelectorAll instead of querySelector since the latter only selects the first element as opposed to all of them.

Then use for loop as shown below

var getSelected = document.querySelectorAll('[data-attr~="sel"]');
var selectedNums = [];
for (var i = 0; i < getSelected.length; i++) {
    selectedNums.push(getSelected[i].dataset.num);
}

alert(selectedNums.join(','));

edited Jun 3, 2015 at 20:09

answered Jun 3, 2015 at 20:08

Venkata Krishna

15.2k5 gold badges45 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arathi Sreekumar · Accepted Answer · 2015-06-03 20:15:19Z

1

You would need to use document.querySelectorAll to get all matching elements. document.querySelector returns only the first matching element, or null if there is none.

function SI_MoveTasks() {
    var getSelected = document.querySelectorAll('[data-attr~="sel"]');
    console.log(getSelected);
    var selectedNums = '(';
    for(var i=0; i< getSelected.length; i++) {
        if (selectedNums !== '(') {
          selectedNums += ',';
        }
      selectedNums += getSelected[i].dataset.num;
    }
    selectedNums += ')';
    alert(selectedNums);
}
SI_MoveTasks();

Thats a working code, jsFiddle is: https://jsfiddle.net/3kjye452/

edited Jun 3, 2015 at 20:15

answered Jun 3, 2015 at 20:08

Arathi Sreekumar

2,5841 gold badge19 silver badges29 bronze badges

Collectives™ on Stack Overflow

Get concatenate string of multiple value variable in Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related