응용 프로그램에서 jquery를 사용하여 모든 td 텍스트의 텍스트에 액세스

Question

안녕하세요 내 응용 프로그램의 모든 섹션에있는 텍스트에 액세스하고 싶습니다. 한 응용 프로그램에는 다른 ID가있는 다른 테이블이 있기 때문에이 ID를 사용할 수 없습니다. ID를 사용할 수 없기 때문에 테이블에 상관없이 마우스를 td 셀에 올려 놓을 때마다 텍스트 이름에 액세스하려고합니다. JQuery를 사용하여이 작업을 수행하는 방법을 제안 해주십시오. 내가 액세스하려는 텍스트 asp.net aspx 페이지에서 있습니다.

Answer 1

jquery에서는 텍스트를 가져 오는 모든 td에 hover 이벤트를 적용 할 수 있습니다. 텍스트를 변수에 넣은 다음 ajax를 사용하여 .aspx 처리기로 전달하십시오. 다음은 간단한 예입니다. 이 스크립트 블록을 준비 기능이나 문서의 끝 부분에 두는 것이 좋습니다. 마우스 커서가 어떤 TD 요소 위에있을

jQuery를이

$('td').hover(function() { 
     //mouse over 

     //get the data 
     var tdText = $(this).text(); 
     console.log(tdText); 

     //do something with the data 

     var jqxhr = $.ajax("handler.aspx?text=" + tdText) 
      .done(function() { 
       console.log("success"); 

       //do something 
      }) 
      .fail(function() { 
       console.log("error"); 

       //do something else 
      }); 
    }, 

    function() { 
     //mouse out 
     console.log("mouse-out"); 
    } 
); 

Answer 2

난 단지 결정하는 당신을 도울 수 있습니다. 필요한 것을 표시하기 위해 필요에 맞게 코드를 수정해야합니다.

HTML :

<p id="message">&nbsp;</p> 
<table> 
    <tr> 
     <td>Data 1</td> 
     <td>Data 2</td> 
     <td>Data 3</td> 
    </tr> 
    <tr> 
     <td>Data A</td> 
     <td>Data B</td> 
     <td>Data C</td> 
    </tr> 
</table> 

JS :

addEventListener("mouseover", function(event) { 
    if (event.toElement.localName == 'td') 
     $('#message').html("You are in a table cell"); 
    else 
     $('#message').html(" "); 
}, false); 

가 나는 또한 시험에 당신을 위해 바이올린을 만든이 : http://jsfiddle.net/m3EmK/