How to get the text of tag with MeteorJS?

Question

I followed some StackOverflow questions like this one Getting the text of a <a> tag but I still can't get my text.

for (i = 0; i < 5; i++) { 
var ul = document.getElementById('listExisting');
var li = document.createElement("li");
var a = document.createElement("a");
a.setAttribute("href", "#");
a.setAttribute("class", "oneExistingFile");       a.appendChild(document.createTextNode("example"+i))
li.appendChild(a);
ul.appendChild(li);
}

$(document).ready(function() {
  $('.oneExistingFile').click(function() {
    console.log(this.textContent)
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="dropdown-menu" id="listExisting">
</ul>

Here it works but in my code I have undefined despite it's really the same structure

What am I doing wrong ?

My listener is like this with Meteor:

  'click .oneExistingFile': function(event, template){
    console.log(this.textContent);
  }

Well we can't really tell why it wouldn't work in your code. You'll have to come up with a demo that replicates the problem. — JJJ, May 22 '17 at 12:00
@JJJ I can't really provide more, I added my MeteorJS method — Jerome, May 22 '17 at 12:01
@iiro because I use MeteorJS and as the listener (last block of code) is a Meteor template event — Jerome, May 22 '17 at 12:04
Note that Meteor's click listener is not the same as jQuery's click listener. In Meteor, `this` doesn't point to the element. — JJJ, May 22 '17 at 12:05

score 1 · Accepted Answer · answered May 22 '17 at 12:10

1

How about this?

'click .oneExistingFile': function(event, template){
    console.log(event.target.text);
  }

answered May 22 '17 at 12:10

blueren

2,730
4
30
47

It would work too :) thank you ! – Jerome May 22 '17 at 12:11

How to get the text of tag with MeteorJS?

1 Answers1