gpt4 book ai didi

javascript - 如何在没有 ID 和 Class 的情况下检查 Span 内的文本

转载 作者:行者123 更新时间:2023-12-03 00:10:40 25 4
gpt4 key购买 nike

我有一个由插件生成的代码,我想捕获点击事件并确定点击了哪个特定链接。

<div id="table_1_wrapper" class="wpDataTables wpDataTablesWrapper">
<div class="dt-buttons">
<a class="dt-button new_table_entry DTTT_button DTTT_button_new" tabindex="0" aria-controls="table_1" href="#"><span>New entry</span></a>
<a class="dt-button edit_table DTTT_button DTTT_button_edit" tabindex="0" aria-controls="table_1" href="#"><span>Edit</span></a>
</div>

我能够使用下面的代码捕获单击事件,现在的问题是检查单击的 anchor 标记的 Span 内的文本是什么,以便我可以根据单击的链接执行代码。

    document.addEventListener('click', function(e) {
var tre = e.target.closest('a').href || '';
console.log('Clicked');
}, false);

最佳答案

在 jQuery/javascript 中,您可以通过 onClick 事件获取此信息:

 $(document).on('click', '.dt-button', function (e) {
// you can perform click event on DTTT_button class
// get text of clicked element
var clicked_href_val = $(this).text();
console.log(clicked_href_val); // print value

//var clicked_href_val = $(this).attr('href');
// you can get other parameters(like aria-controls, tabindex whatever defined) of clicked element
});

希望有帮助。

关于javascript - 如何在没有 ID 和 Class 的情况下检查 Span 内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54747355/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com