I followed some StackOverflow questions like this one Getting the text of a <a> tag的文字,但我仍然无法获取我的文字。
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>
这里有效,但在我的代码中我有undefined
尽管它的结构真的相同
我做错了什么?
我的听众就像流星一样:
'click .oneExistingFile': function(event, template){
console.log(this.textContent);
}
答案 0 :(得分:1)
这个怎么样?
'click .oneExistingFile': function(event, template){
console.log(event.target.text);
}