jQuery add element to array if exists and is not empty

Question

I am adding elements to an array like this..

myarray = [];
myarray.push($('#name1').text());
myarray.push($('#name2').text());
myarray.push($('#name3').text());
myarray.push($('#name4').text());

This is working correctly, but i am trying to only push to the array if the element exists and has content.

I know I can go through the array afterwards and strip out any empty values but is there a way I can do it first to save having that extra step?

jkoch · Accepted Answer · 2022-03-17 11:21:19Z

2

If it's about the codes length there are shorter ways to write this.

const myarray = ['#name1','#name2','#name3','#name4']
    .map(n => $(n).text()).filter(t=>t);

answered Mar 17, 2022 at 11:21

jkoch

8043 silver badges5 bronze badges

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

1 Comment

fdomn-m Over a year ago

OP states: I know I can go through the array afterwards and strip out any empty values... save having that extra step - I don't think OP realises how simple .filter(t=>t) is.

user18473608 · Accepted Answer · 2022-03-17 11:16:28Z

0

Use each() function.

myarray = [];
$("span").each(function(){
  if ($(this).text().trim().length > 0) {
    myarray.push($(this).text());
  }
});
console.log(myarray);

Example html:

<span id="name1">Hello</span>
<span id="name2"></span>
<!-- span#name3 skipped -->
<span id="name4">World</span>

answered Mar 17, 2022 at 11:16

user18473608

Comments

Shinjo · Accepted Answer · 2022-03-17 11:22:36Z

0

If you have any other indicator than the mentioned code, you could use them to dynamically check the element name, other wise you could use simple if else to check if it's exist.

myarray = [];
// example iteration of 4 id
id = 4;
for (let i = 1; i <= id; i++) {
  if ($(`#name${i}`).text()) {
    myarray.push($(`#name${i}`).text())
    console.log('exist')
  } else {
    console.log('not exist')
  }
}
console.log(myarray)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="name1"></div>
<div id="name2">hey</div>
<div id="name3">no</div>
<div id="name4"></div>

edited Mar 17, 2022 at 11:22

answered Mar 17, 2022 at 11:14

Shinjo

7036 silver badges24 bronze badges

Collectives™ on Stack Overflow

jQuery add element to array if exists and is not empty

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related