Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在一个表字段中有文本,我想在Java脚本中使用hover和if条件来包装文本_Javascript_Jquery_Html_Css_Servlet 3.0 - Fatal编程技术网

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:悬停{ 光标:指针; }


至于与元素悬停上的近元素交互,您可以使用js
eventListener
进行
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);


    });
    }