Question

我想要表格的一行数据，而不是点击事件。我正在制作一个语音控制应用程序因此说“一个人”。我想显示第1行数据等等......

HTML：

<div id="Inbox" class="w3-container city">
     <table id="Inbox1"></table>
</div>

JAVASCRIPT：

function getInbox() {
    $.ajax({
        cache: false,
        type: "GET",
        url: "/Home/getInbox",
        dataType: 'json',
        success: function (data) {
            $('#Inbox1 tr').remove();
            var tr;
            var div;
            for (var i = 0; i < data.length; i++) {
                tr = $('<tr/>');
                tr.append("<td style='text-align:left; display:none'>" + data[i].emailUid + "</td>");
                tr.append("<td style='text-align:left'>" + data[i].emailFrom + "</td>");
                tr.append("<td style='text-align:left'><b>" + data[i].emailSubject + "</b> - " + data[i].emailBody + "</td>");
                tr.append("<td style='text-align:right'>" + ParseJsonDate(data[i].emailTime) + "</td>");
                $('#Inbox1').append(tr);
            }
        },  
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.responseText);
        }
    });
}

这就是我制作表格的方式，/ .. 现在想只在div中显示row1数据..

Answer 1

请找一个例子。 Sample code for row display

test = function() {
    $('tr').hide();
    $('tr:nth-child(' + $("#input").val() + ')').show();
}

Answer 2

$("#Inbox1 tr:first td").each(function() {
    console.log($(this).text());
})

Answer 3

我找到了一种在没有onclick的情况下调用任何行数据的方法。这是我的职责：

function openInbox1(i1) {
    var x1 = document.getElementsByClassName("city");
    for (i = 0; i < x1.length; i++) {
        x1[i].style.display = "none";
    }
    $('#Inboxread').show();
    var oTable = document.getElementById('Inbox1');
    var oCells = oTable.rows.item(i1).cells;
    $('#Inbox23 tr').remove();
    $("#ifrom").remove();
    $("#isubject").remove();
    $("#ibody").remove();
    tr = $('<tr/>');
    tr.append("<td style='text-align:left; display:none'>" + oCells.item(0).innerHTML + "</td>");
    tr.append("<td style='text-align:left'>" + oCells.item(1).innerHTML + "</td>");
    tr.append("<td style='text-align:left'>" + oCells.item(2).innerHTML + "</td>");
    tr.append("<td style='text-align:right'>" + oCells.item(3).innerHTML + "</td>");
    $('#Inbox23').append(tr);
    $('#ifrom').append("<p>From: </p>" + oCells.item(1).innerHTML);
    var xyz = oCells.item(2).innerHTML;
    var x = xyz.split('<b>').join('');
    var x = x.split('</b>');
    var xx = x[0];
    var y = x[1];
    y = y.split(" - ").join('');
    $('#isubject').append("<p>Subject: </p>" + xx);
    $('#ibody').append("<p>" + y + "</p>");
    }

通过调用openInbox1（0）; ，我可以在另一个div中获取第一行数据.. 这里是将用于显示第1行数据的div标签，我将使用文本语音来读取它

<div id="Inboxread" class="w3-container city1">
    <button onclick="openTab(event, 'Inbox'); getInbox();">Back</button>
    <table id="Inbox23"></table>
    <h2 id="ifrom"></h2>
    <h2 id="isubject"></h2>
    <h2 id="ibody"></h2>
    <div id="outer">
        <div class="inner"><button class="msgBtn" onclick="openReply1();">Reply</button></div>
        <div class="inner"><button class="msgBtn2" onclick="openForward1();">Forward</button></div>
        <div class="inner">
        @using (Html.BeginForm("SendDelete", "Home", FormMethod.Post, new { @class = "myform;form-horizontal", @id = "sendMail", @name = "sendMail" }))
        {
            @Html.TextBox("UIDd", null, new { @type = "text", @id = "UIDd", @name = "UIDd", @placeholder = "UID", @style = "display:none;border-style: none; background: transparent; width: 100%; border-bottom: 1px solid grey; outline:none;" })
            <button class="msgBtnBack" onclick="deletem();">Delete</button>
        }
        </div>
    </div>
</div>

我想要没有点击事件的表行1数据

3 个答案: