Question

大家好，

如何根据行的值创建动态标题标题。

请检查下表结构：

WITH

我需要做的是，我需要根据行值创建动态标头。

示例：如果是<table > <tr> <thead> <td>Q1header</td> <td>Q2header</td> <td>Q3header</td> </thead> </tr> <tr> <td>something</td> <td>something</td> <td>something</td> <tr> <tr> <td>Q1</td> <td>Q2</td> <td>Q3</td> </tr> </table>，我需要将标题名称设为Q1。如果行值为空，我不想显示该列的任何标题。

Answer 1

你的问题是完全不清楚的，你需要详细解释清楚，所以我不确定这是不是你想要的：

＆＃13;

// I'm sure it's wrong
;$(function(){
  var $header = $("<h1>Header</h1>");
  var $headers = $("thead td");
  $header.appendTo('body');
  $(document).on("click", "td", function(e) {
    // console.log($(this).index());
    if( $(this).text() == "" ) return;
    $header.text( $headers[$(this).index()].innerText );
    $([$("table td.selected"),$(this)]).toggleClass("selected");
  });
});

＆＃13;

.selected { color:red;  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table >
    <tr>
    <thead>
    <td>Q1header</td>
    <td>Q2header</td>
    <td>Q3header</td>
    </thead>
    </tr>
    <tr>
    <td>something</td>
    <td></td>
    <td>something</td>
    <tr>
    <tr>
    <td>Q1</td>
    <td>Q2</td>
    <td>Q3</td>
    </tr>
    </table>

＆＃13;

基于行值Jquery创建动态标头

1 个答案: