C# 在应用程序中使用jquery访问所有td文本的文本_C#_Javascript_Jquery_Html_Asp.net

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

c# javascript jquery html asp.net

C# 在应用程序中使用jquery访问所有td文本的文本,c#,javascript,jquery,html,asp.net,C#,Javascript,Jquery,Html,Asp.net,您好，我想访问应用程序所有部分中的文本。我不能使用id，因为在一个应用程序中，有不同的表具有不同的id。每当我将鼠标放在td单元格上时，我都想访问文本名，而不考虑表，所以我不能使用id。请建议我使用JQuery实现这一点的方法。我要访问的文本来自asp.net aspx页面。在jquery中，您可以对获取文本的每个td应用悬停事件。将文本放入变量中，然后使用ajax将其传递给.aspx处理程序。下面是一个简单的例子。最好将此脚本块放在就绪函数中，或放在文档末尾附近 jQuery $('td').

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

在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");
    }
);

在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");
    }
);

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");
    }
);

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");
    }
);

我只能帮助您确定鼠标光标是否位于任何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>

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

我还创建了一个提琴供您测试：

我只能帮助您确定鼠标光标是否位于任何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>

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

我还创建了一个提琴供您测试：

我只能帮助您确定鼠标光标是否位于任何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>

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

我还创建了一个提琴供您测试：

我只能帮助您确定鼠标光标是否位于任何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>

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

我还创建了一个小提琴供您测试：

这很酷。我只在jquery中做过事件监听，就像上面的回答一样，我喜欢你的纯JavaScript实现。这很酷。我只在jquery中做过事件监听，就像上面的回答一样，我喜欢你的纯JavaScript实现。这很酷。我只在jquery中做过事件监听，就像上面的回答一样，我喜欢你的纯JavaScript实现。这很酷。我只在jquery中进行了事件监听，就像上面的回答一样，我喜欢您的纯JavaScript实现。