te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - CSS to hide table and show a tr - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - CSS to hide table and show a tr - Stack Overflow

    javascript - CSS to hide table and show a tr - Stack Overflow

    programmeradmin3浏览0评论

    I wanted to hide a table on load and show one of its children td based on class name. Is it possible to do it with CSS?

    I tried to do it but I think its inheriting from table which is hidden by display:none;

    I wanted to hide a table on load and show one of its children td based on class name. Is it possible to do it with CSS?

    I tried to do it but I think its inheriting from table which is hidden by display:none;

    • javascript
    • css
    • visibility
    • css-tables
    Share Improve this question edited Oct 29, 2017 at 18:55 Brian Tompsett - 汤莱恩 5,89372 gold badges61 silver badges133 bronze badges asked Oct 25, 2012 at 19:57 user1376366user1376366 2092 gold badges3 silver badges6 bronze badges 1
    • the title says show hide a tr and yet you explicitly ask about showing a td ... – AlxVallejo Commented Mar 16, 2017 at 21:31
    Add a ment  | 

    3 Answers 3

    Reset to default 9

    If you hide the table, all of the content within the table will be hidden.

    You want to hide all the <tr>s and only show per class

    tr{
  display:none;
}
tr.showInit{
  display:table-row;
}

    You can't show a child of a hidden parent.

    However you can hide all the other <td>-s and show just the one you need.

    <style>
td { display: none }
td.shown { display: table-cell }
</style>

<table>
    <tr>
        <td> hidden </td>
        <td> hidden </td>
    </tr>
    <tr>
        <td class="shown"> shown </td>
        <td> hidden </td>
    </tr>
    <tr>
        <td> hidden </td>
        <td> hidden </td>
    </tr>
</table>

    DEMO

    UPDATE

    Using JavaScript

    var tds = document.getElementsByTagName("td");

for ( var i = 0, size = tds.length; i < size; i++ ) {
    if ( !hasClass( tds[i], "shown" ) ) {
        tds[i].style.display = "none";
    }
}

function hasClass(element, cls) {
    return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}

    DEMO

    hasClass() function

    You cannot show the child and hide a parent .. That is not possible.

    Instead hide all the td's you don't want to show ..

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论