Javascript: функция оператор требует имя

Question

У меня есть HTML таблицу со строкой, которая выглядит как:

<tr> 
    <td><input type="checkbox" name="check[]" value="265"></td> 
       <td>265</td> 
        <td>NO MATCH</td> 
        <td>NO MATCH</td> 
        <td>No</td> 
        <td>0</td> 
        <td>f79a8316891</td> 
       </tr> 

Я пытаюсь построить функцию JQuery, которая будет выделить ячейку, только если он начинается с «NO» , До сих пор у меня есть:

$("td").hover(function() { 
    var contents = $(this).html() ; 
    if (contents.match("^NO")) { 
      function() { 
      $(this).append($("<span> ***</span>")); 
      }, function() { 
      $(this).find("span:last").remove(); 
      } 
    } 


    }); 

Но я получаю ошибку в названии. Что я делаю не так?

Answer 1

У вас есть функции не в том месте. Попробуйте что-то вроде этого:

$("td").hover(function() { 
    var contents = $(this).html() ; 
    if (contents.match("^NO")) { 
     $(this).append($("<span> ***</span>")); 

    } 
}, function() { 
     $(this).find("span:last").remove(); 
}); 

Функции парения JQuery занимает две функции, как это параметры, первую для «мышей над» и второй для «мышей из». Вы просто помещаете эти функции в неподходящее место в исходном коде. Для получения дополнительной информации о зависании см. http://api.jquery.com/hover/

Answer 2

Нет необходимости добавлять и удалять материалы при наведении указателя мыши. Просто найдите все ячейки, соответствующие вашим критериям (используя jQuery's filter()), затем дайте им класс. Затем вы можете набрать .nomatch элементов по своему усмотрению. Здесь я добавил текст с тремя звездами при наведении в соответствии с вашими требованиями.

$(function(){ 
 
    var key = "NO"; 
 
    var $cellsBeginWithNo = $("td").filter(function(){ 
 
    var $this = $(this); 
 
    if($this.text().indexOf(key) === 0){ //if text begins with [key] 
 
     $this.addClass("nomatch");  //give it a class 
 
     return $this;     //add it to our collection 
 
    } 
 
    return false; 
 
    }); 
 
    /* 
 
    Now you have a jQuery collection of matched elements that you can apply further functions to if you like. EG: 
 
    $cellsBeginWithNo.on("click", function(){alert("click");}); 
 
    */ 
 
});

td.nomatch { 
 
    background-color:#ffeeee; 
 
} 
 
td.nomatch:hover:after { 
 
    content : " ***"; 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td><input type="checkbox" name="check[]" value="265"></td> 
 
     <td>265</td> 
 
     <td>NO MATCH</td> 
 
     <td>NO MATCH</td> 
 
     <td>No</td> 
 
     <td>0</td> 
 
     <td>f79a8316891</td> 
 
    </tr> 
 
</table>