Javascript 我在一个表字段中有文本,我想在Java脚本中使用hover和if条件来包装文本
Javascript 我在一个表字段中有文本,我想在Java脚本中使用hover和if条件来包装文本,javascript,jquery,html,css,servlet-3.0,Javascript,Jquery,Html,Css,Servlet 3.0,功能仪表板表(搜索){ 变量日期=$(“#日期字段”).val(); $.get(serverLocation+“Dashboard?date_field=“+日期,函数(responseText)){ var j=$.parseJSON(JSON.stringify(responseText)); 控制台日志(j); var html=“AgencySiteSlotsEnrollmentPercentWaitingListPendingListZipCode”; 对于(var i=0;i我不清
功能仪表板表(搜索){
变量日期=$(“#日期字段”).val();
$.get(serverLocation+“Dashboard?date_field=“+日期,函数(responseText)){
var j=$.parseJSON(JSON.stringify(responseText));
控制台日志(j);
var html=“AgencySiteSlotsEnrollmentPercentWaitingListPendingListZipCode”;
对于(var i=0;i我不清楚您想要编写/自动化什么
CSS可以将光标切换到指针,以向用户提供可单击的指示
.myTd:悬停{
光标:指针;
}
至于与元素悬停上的近元素交互,您可以使用jseventListener
进行mouseover
mouseout
并使用event.target
对相邻元素进行修改,例如event.target.nextElementSibling
,或者event.target.innerHTML
,或者ev>ent.target.classList.toggle(“myClass”).
大家好,我是刚毕业的大学生,对java不太了解,请帮助我这是我的html代码,我附上了图片。我需要悬停表格文本,这意味着我需要在悬停点击的帮助下将代码包装到下一行。如果列太长,请检查长度如果超过10创建div,请在列中将title attr设置为全文,在div+++中插入前10个字符,或在tdd中添加div。请使用您刚才作为评论提供的信息更新您的问题。我相信您的问题是关于javascript
,而不是java,
。如果您可以描述您希望实现的最终结果(例如:“当用户将鼠标悬停在某个单元格上时,该单元格将变为红色”),而不是您认为当前代码有什么问题,这会有所帮助。
function dashboardTable(search){
var date = $("#date_field").val();
$.get(serverLocation + "Dashboard?date_field=" + date,function(responseText){
var j=$.parseJSON(JSON.stringify(responseText));
console.log(j);
var html="<thead><tr><td style='width:30%;'onclick='sortColumn(\"agency_name\")'>Agency</td><td style='width:30%;' onclick='sortColumn(\"site_name\")'>Site</td><td onclick='sortColumn(\"slots\")'>Slots</td><td onclick='sortColumn(\"Enrollment\")'>Enrollment</td><td onclick='sortColumn(\"Percent\")'>Percent</td><td onclick='sortColumn(\"Waiting list\")'>WaitingList</td><td onclick='sortColumn(\"Pending list\")'>PendingList</td><td onclick='sortColumn(\"site_zip\")'>ZipCode</td></tr></thead>";
for(var i=0;i<j.recordList.length;i++){
html+="<tr><td>" + j.recordList[i]["agency_name"]+"</td><td>"+j.recordList[i]["site_name"]
+"</td><td class = 'slot'>"+j.recordList[i]["slots"] +"</td><td class = 'enrollment'>"+ j.recordList[i]["Enrollment"] +"</td><td class = 'percent'>"+ j.recordList[i]["Percent"]+"</td><td class = 'waitinglist'>"
+ j.recordList[i]["Waiting list"]+"</td><td class = 'pendinglist'>"+ j.recordList[i]["Pending list"] +"</td><td>"+ j.recordList[i]["site_zip"]+"</td></tr>" ;
}
$("#child").html(html);
});
}