Javascript 如何在jquery中获取同一类的文本值
我的桌子上有10张唱片。每个记录具有相同的类名。如何在悬停数据文本时使用jquery this.value警告表数据值(文本)。 这是我的密码Javascript 如何在jquery中获取同一类的文本值,javascript,jquery,html,alert,Javascript,Jquery,Html,Alert,我的桌子上有10张唱片。每个记录具有相同的类名。如何在悬停数据文本时使用jquery this.value警告表数据值(文本)。 这是我的密码 <td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email1@domain.com</a></td> <td><a href="#" class="sh
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email1@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email2@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email3@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email4@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email5@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email6@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email7@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email8@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email9@domain.com</a></td>
<td><a href="#" class="show-pop-iframe btn btn-default hover-cust" data-placement="vertical">email10@domain.com</a></td>
如果你有“hover cust”类,那么
$('.hover-cust').on("mouseenter", function() {
alert($(this).text());
});
如果你想提醒td,那么
$('td').on("mouseenter", function() {
var link = $(this).find(".hover-cust");
if(link && link.length > 0) {
alert($(link).text());
}
});
如果你有“hover cust”类,那么
$('.hover-cust').on("mouseenter", function() {
alert($(this).text());
});
如果你想提醒td,那么
$('td').on("mouseenter", function() {
var link = $(this).find(".hover-cust");
if(link && link.length > 0) {
alert($(link).text());
}
});
$(.hover cust”).hover(函数(){
警报($(this.text());
});代码>
表格,tr,td{
边框:1px纯黑;
}
$(.hover cust”).hover(函数(){
警报($(this.text());
});代码>
表格,tr,td{
边框:1px纯黑;
}
在一组类似节点上添加许多事件侦听器被认为是一种不好的做法
const table = document.querySelector('#your_table_id');
table.addEventListener('mouseover', function(event) {
const target = event.target;
const tag = target.tagName;
const parentTag = target.parentNode.tagName;
if(tag !== 'a' || parentTag !== 'td') {
return; // not my target, leave the function
}
alert(target.textContent);
});
在一组相似的节点上添加许多事件侦听器被认为是一种不好的做法
const table = document.querySelector('#your_table_id');
table.addEventListener('mouseover', function(event) {
const target = event.target;
const tag = target.tagName;
const parentTag = target.parentNode.tagName;
if(tag !== 'a' || parentTag !== 'td') {
return; // not my target, leave the function
}
alert(target.textContent);
});
什么是你的html?更新了代码..你想在悬停时提醒a
文本吗?是的,我想在悬停td
@VadivelMuruganM时提醒文本:更新了答案看看它什么是你的html?更新了代码..你想在悬停时提醒a
文本吗?是,当我将td
@VadivelMuruganM悬停时,我想提醒文本:更新了答案,请看一看