Question

您好，我想访问我的应用程序的所有部分中的文本。我不能使用id，因为在一个应用程序中有不同的表具有不同的id。每当我将鼠标放在该td单元格上时，我想访问文本名称，而不管表格如何，所以我不能使用id。请建议我使用JQuery这样做的方法。我想访问的文本来自asp.net aspx页面。

Answer 1

在jquery中，您可以将悬停事件应用于每个获取文本的td。将文本放在变量中，然后使用ajax将其传递给.aspx处理程序。这是一个简单的例子。最好将此脚本块放在准备好的函数中，或者放在文档末尾附近。

的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

我只能帮助您确定鼠标光标是否位于任何td元素之上。您需要修改代码以满足您显示有用的需求。

<强> 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("&nbsp;");
}, false);

我还为你测试了一个小提琴：http://jsfiddle.net/m3EmK/

在应用程序中使用jquery访问所有td文本的文本

2 个答案: