jquery로 다른 요소 스타일을 변경하려면 테이블 위로 마우스를 가져 가십시오.

특정 표의 영역을 가리킬 때 텍스트에 밑줄을 표시하고 싶습니다.

여기 내 코드는 작동하지만, 유일의 1 달러의 두 번째 멀리 다음 밑줄 페이드도 커서 (모두 시도 테이블 내부에 불구 go하고 foo시험에) :

JS :

<script>
$(document).ready(function(){
$(function(){
    $('.foo').mouseenter(function(){
        $(".vvv").addClass('altbg')
    }).mouseout(function(){
        $(".vvv").removeClass('altbg')
    });
});
})
</script>

CSS :

.altbg {
    text-decoration:underline;
}

HTML :

<div class="go">
<table border="1" class="foo">
        <col style="width:115px;" />
        <col style="width:280px;" />
        <col style="width:125px;" />
        <col style="width:145px;" />
        <col style="width:125px;" />
        <col style="width:230px;" />
          <tr>
            <td>0</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
          </tr></table>
</div>
<div class="vvv">Hello</div>  

편집 : 두 번째 관련 질문 :

색상이 이미 ID로 정의되어 있더라도 표를 가리키면 텍스트 색상이 변경되기를 원합니다.

ID를 클래스로 변경하는 것 외에도이 div를 색상으로 변경하려면 어떻게해야합니까?

선택자에 클래스를 지정하기 위해 스크립트의 내용을 변경해야 할 수도 있지만 어떻게해야할지 모르겠습니다.

JS :

<script>
$(document).ready(function(){
$(function(){
    $('td').mouseenter(function(){
        $(".vvv").addClass('altbg')
    }).mouseout(function(){
        $(".vvv").removeClass('altbg')
    });
});
})
</script>

CSS :

#meh {color:red}

.altbg {
    text-decoration:underline;
    color:blue;
}

HTML :

<div class="go">
<table border="1" class="foo">
        <col style="width:115px;" />
        <col style="width:280px;" />
        <col style="width:125px;" />
        <col style="width:145px;" />
        <col style="width:125px;" />
        <col style="width:230px;" />
          <tr>
            <td>0</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
          </tr></table>
</div>
<div id="meh" class="vvv">Hello</div>