Latest web development tutorials

pais jQuery () Método

métodos de passagem jQuery métodos de passagem jQuery

Exemplos

Voltar <span> todos os elementos ancestrais:

$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});

resultado:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

tente »

Definição e Uso

pais () retorna o ancestral de todos os elementos do elemento selecionado.

pai antepassados, avô, bisavô, e assim por diante.

DOM árvore: Este método percorre os antepassados para cima do elemento pai elemento DOM, até que todo o caminho do elemento raiz do documento (<html>).

Nota: Se o parâmetro de filtro está vazio, o processo diretamente do elemento pai até o <body> e <html> selecione todos os caminhos de elementos na coleção de todos os antepassados. Então, passar por um estreito âmbito da pesquisa de expressão resultados selector é muito útil.

Este método mais próximo () estão percorrer até a árvore DOM, a diferença é:

pais ()

  • A partir do elemento pai
  • Ao longo do DOM árvore de travessia-se e retorna expressão corresponde a todos os ancestrais passaram
  • Retorna zero, um ou mais elementos do objeto jQuery

mais próximo ()

  • A partir do elemento atual
  • A primeira travessia ancestral ao longo da árvore DOM para cima, e retorna a expressão de correspondência passada
  • Retorna zero ou um elemento do jQuery objeto

Outros métodos relacionados:

  • parent () - Retorna o elemento pai direto do elemento selecionado
  • parentsUntil () - Retorna todos os ancestrais dos parâmetros de elementos entre os dois para

gramática

$(selector).parents( filter )

参数 描述
filter 可选。规定缩小搜索祖先元素范围的选择器表达式。

注意:如需返回多个祖先,请使用逗号分隔每个表达式。

Exemplos

mais exemplos

Limite a sua pesquisa
Como usar o parâmetro de filtro para retornar <span> todos os ancestrais do elemento <ul>.

Retornar múltiplos ascendência
Como usar o parâmetro de filtro para retornar <span> todos os ancestrais de <li> e <div> elementos.

Demonstração, ancestral nome de marca de elemento
Demonstração <span> ancestrais do elemento.


métodos de passagem jQuery métodos de passagem jQuery