2016-12-02 2 views
-4

Что такое значение thead tr > * и tfoot tr > * в методе находкой JQuery в следующем коде:THEAD тр> * смысл

function setParent() { 
       var parent = $(settings.parent); 
       var table = $(settings.table); 

       parent.append(table); 
       parent 
        .css({ 
         'overflow-x': 'auto', 
         'overflow-y': 'auto' 
        }); 

       parent.scroll(function() { 
        var scrollWidth = parent[0].scrollWidth; 
        var clientWidth = parent[0].clientWidth; 
        var scrollHeight = parent[0].scrollHeight; 
        var clientHeight = parent[0].clientHeight; 
        var top   = parent.scrollTop(); 
        var left   = parent.scrollLeft(); 

        if (settings.head) 
         this.find("thead tr > *").css("top", top); 

        if (settings.foot) 
         this.find("tfoot tr > *").css("bottom", scrollHeight - clientHeight - top); 

        if (settings.left > 0) 
         settings.leftColumns.css("left", left); 

        if (settings.right > 0) 
         settings.rightColumns.css("right", scrollWidth - clientWidth - left); 
       }.bind(table)); 
      } 

Если кто-нибудь имеет информацию, пожалуйста, объясните мне.

+0

Посмотрите CSS селекторы –

+0

https://api.jquery.com/category/selectors/ https://api.jquery.com/child-selector/ https://api.jquery.com/all- селектор/ – Satpal

+0

@Satpal спасибо –

ответ

1

КОНЦЕРН> * означает, что все дочерний HTML, который присутствует внутри тр.
он не будет ограничивать td.

  • содержит все элементы управления и метки html.
1

Это означает, что все элементы DIRECTLY внутри метки TR. Это означает, что в этом примере:

<tr> 
    <td> 
      <bla> 

td будет применяться это правило, но bla не будет, потому что это не непосредственно внутри tr.

+0

На самом деле нет, только следующий уровень элементов. – Lain

1

Это все первые дети уровня из tr

<tr> 
    <div> 
     <span></span> 
    </div> 
    <div> 
     <i></i> 
    </div> 
</tr> 

будет выбран только divs, не span и i

Смежные вопросы