Javascript 从所选td中获取价值_Javascript_Jquery_Html_Jsp_Jquery Ui Selectable

Javascript 从所选td中获取价值

javascript jquery html jsp

Javascript 从所选td中获取价值,javascript,jquery,html,jsp,jquery-ui-selectable,Javascript,Jquery,Html,Jsp,Jquery Ui Selectable,目前我有一个可选择的表格，我可以在一列中拖动和选择tds。但是，我想从每个td单元中获取所有值。我该怎么做呢？我已经试过了。每一种都不起作用 <style type="text/css"> .ui-selecting { background: #FECA40; } .ui-selected { background: #F39814; } </style> <script> $(function() { $("table").selecta

目前我有一个可选择的表格，我可以在一列中拖动和选择tds。但是，我想从每个td单元中获取所有值。我该怎么做呢？我已经试过了。每一种都不起作用

<style type="text/css">
.ui-selecting { background: #FECA40; }
.ui-selected { background: #F39814; }
</style>

<script>
    $(function() {
    $("table").selectable({
        filter: ".tdItem"
    });
});
</script>
</head>     

<body>


<table width="100%" border="1">
<%
    for(String t: time){
        out.println("<tr>");
        int i=0;
        for(String room: rooms){
            out.println("<td class='tdItem' align='center'>");
            out.println(room+" "+t);
            out.println("</td>");
            i++;
        }
        out.println("</tr>");
    }
%>

您可以迭代文档中的所有td，并检查是否有所选的类

如果是的话，那么得到它试试这个

您可以使用element.innerText获取任何HTML元素的文本内容。例如，在此页面上，您可以使用$.question超链接[0].innerText获取问题文本$选择器[0]是一个普通的旧HTML元素

或者，在jQuery中，可以使用$selector.text执行相同的操作。类似于$.question-hyperlink.text的内容的工作方式完全相同。

获取每个TR的TD

$('table tr').each( function(i){
     $('td',this).each(function(){
           console.log($(this).text())
    });

});

可选插件将所选的类ui添加到任何所选元素中，因此很简单：

$('.ui-selected')

将为您提供所有选定的元素。如果您有其他可选择的选项，请使用以下选项限制您的.t项目：

$('.tdItem.ui-selected')

如果要在每次选择更改时执行某些操作，则可以使用。把所有这些放在一起，我们会发现：

function afterSelectionChanged(event, ui){    
    var $selectedElements = $('.tdItem.ui-selected');
    // Do something with the selected elements
}

$("table").selectable({
    filter:'.tdItem',
    stop: afterSelectionChanged 
});

在何处/何时获取值？$'tdItem“？我甚至应该如何迭代我选择的tds？但是我所有的tds都有相同的类。这将为我提供所有tds信息，而不是所选的1。但是，如果您的td被选中，那么它将被赋予不同的类权利。。通过检查元素找出该类是什么，为什么不只是$'td.tdItem'？当jquery可以为您进行过滤时，您自己循环所有tds是没有意义的。

function afterSelectionChanged(event, ui){    
    var $selectedElements = $('.tdItem.ui-selected');
    // Do something with the selected elements
}

$("table").selectable({
    filter:'.tdItem',
    stop: afterSelectionChanged 
});