我怎样才能将.on()事件中的变量传递给回调函数?
我使用javascript将按钮动态插入到文档中,并且我想让按钮可点击并获取每个按钮的值并将它们导出到conosle.log中。现在我有按钮可点击,但我不知道如何将.on()的按钮值传递给函数,有什么建议吗?我怎样才能将.on()事件中的变量传递给回调函数?
HTML
<button id="testTagButton" class="yt-chip" title="test button please ignore"><span>test button please ignore</span></button>
的JavaScript
$(document).on('click','#testTagButton',tagInsert);
function tagInsert(){
console.log("Button Value should go here");
}
我必须使用。对(),据我所知,因为我使用追加插入按钮插入到文档
只是指上下文(又名此):
function tagInsert(){
console.log(
this.id, //a regular DOM prop
this.title,
$(this).text() //or utilizing jquery again
//or whatever
);
}
完美,你是男人。我知道这会很简单,谢谢! 自从我发布以来,它还没有过10分钟,但我会在冷却时间结束时将其标记为公认的答案。 – Gambsmoore
@ gambsmoore乐于帮忙;) –
您可以通过事件到tagInsert
功能并获得目标
function tagInsert(e){
var target = e.target || e.srcElement;
console.log(target.innerHTML);
}
您可以使用data-
和$.data()
。
$(document).ready(function() {
$("#test").on("click", function(e) {
console.log($(this).data("test"));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button data-test="123" id="test">
Test
</button>
不知道该珍惜你要找的,但是$(本).ID或$(本)的.text会做
你通过按键值的意思,跨度的文本? – kapreski