Help finding the IDs of elements selected ...

[inglesuniversal]

Hello, my code looks as follows and even though I am able to select the items properly, I am trying to create an array of the IDs of the items selected, but all I get is a blank {} curly brackets.

Here is the code I'm using:

<div id="row_P6CtxjdhyiEPOPxilMHf" class="files-item ui-selectable ui-selected">
</div>

var ids = $('div#showFiles.file-list.ui-selected').map(function() {
return $(this).attr('id');
});

alert(ids.length);
alert(ids[0]);

I get zero and then undefined in the output function

Best regards

[Mobius1]

Use: getSelectedNodes()

const selectedElements = instance.getSelectedNodes();
const ids = selectedElements.map(el => el.id);

[inglesuniversal]

It worked as expected... Awesome and thanks for your help.

now, is there a way to have a similar function but grab only the ids of the elements which are being de-selected?

something like...

const selectedElements = instance.getUnSelectedNodes(); // getUnSelectedNodes(); ---> ?
const ids = selectedElements.map(el => el.id);

[Mobius1]

You can iterate over the items and check their properties:

item.selected    // Is item selected
item.selecting   // Is item flagged for selection
item.deselecting // Is item flagged for de-selection

So for getting items being de-selected just check if the deselecting property is true and return the node's id if it is:

const ids = instance.items.map(item => item.deselecting ? item.node.id : false).filter(item => !!item);