How to use .slice() with returned text within jQuery .each() loop?

Question

I can't seem to make this work and I've tried many different combinations. All I want to do is get characters four and five from text returned from an .each() iterator before writing it to an array.

    var timeItems = [];
    $("div[class*='field-name-field-time-']").each(function (i, e) {
        $(this).text().slice(3,5);
        timeItems.push($(e));
    });

Any ideas?

Thanks!

Ok , is your text located inside like this <element>text</element> and do you want to push element or text to timeItems, because currently you just take it and store it nowhere — Marko Mackic
– Marko Mackic, Commented Jul 14, 2016 at 18:03

xort · Accepted Answer · 2016-07-14 19:33:44Z

1

Try this

var timeItems = [];
$("div[class*='field-name-field-time-']").each(function (i, e) {

    var text = $(e).text().substring(3,5); //Dont forget to store them somewhere
    timeItems.push($(e));
});

.slice() should also work. Check the JSFiddle below and uncomment the line that uses slice to try it out.

Also what are you returning to the array? I'm assuming you mean the object but if you want to return the characters, you should push text to timeItems instead of $(e).

EDIT: https://jsfiddle.net/nv5tfszw/4/

edited Jul 14, 2016 at 19:33

answered Jul 14, 2016 at 19:07

xort

3672 silver badges12 bronze badges

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

Comments

Stefan Yohansson · Accepted Answer · 2016-07-14 18:09:39Z

0

var timeItems = [];
$("div[class*='field-name-field-time-']").each(function (i, e) {
    var text = $(e).text().slice(3,5);
    timeItems.push(text);
});

Try using second argument from each parameter instead of this.
Assign your slice to a variable and return to push. (http://www.w3schools.com/jsref/jsref_slice_string.asp)

The question is often raised, "If this is the element, why is there a second DOM element argument passed to the callback?" Whether intentional or inadvertent, the execution context may change. When consistently using the keyword this, it's easy to end up confusing ourselves or other developers reading the code.

https://learn.jquery.com/using-jquery-core/iterating/#the-second-argument

answered Jul 14, 2016 at 18:09

Stefan Yohansson

6776 silver badges17 bronze badges

2 Comments

Stefan Yohansson Over a year ago

can you provide me a codepen/plunkr of your problem? codepen.io

Alpinist1974 Over a year ago

Thanks, Stefan, your solution worked, but I couldn't get the string because it changed position when it was written to the array. Works well now. Thanks!

Collectives™ on Stack Overflow

How to use .slice() with returned text within jQuery .each() loop?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related