English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método de seleção e iteração de HTML usando JQuery

Com JQuery, é fácil escolher elementos HTML. Mas em alguns casos, quando a estrutura HTML é muito complexa, extrair os elementos que escolhemos pode ser uma tarefa complicada.

1、children

Essa função obtém os subníveis diretos de um grupo de elementos.

Passar uma expressão de seleção para children() reduzirá os resultados da seleção até o elemento selecionado;

Se children() não aceitar qualquer parâmetro, retornará todos os subníveis diretos; não retornará seus elementos netos.

2、filter

Essa função filtra elementos de uma coleção passando uma expressão de seleção. Qualquer elemento que não correspondar a essa expressão será removido da coleção escolhida.

3、not

ao contrário do filter, a função not() remove os elementos que correspondem da coleção.

4、add

E se quisermos adicionar alguns elementos à coleção?63;A função add() é feita para isso.

5、slice

Às vezes, precisamos obter um subconjunto da coleção com base na posição do elemento na coleção. slice() é feito para isso.

O primeiro parâmetro é a posição do primeiro elemento, começando em zero, ele está incluído nos resultados de retorno;

O segundo parâmetro é o índice do primeiro elemento, começando em zero. Não está incluído nos resultados de retorno. Se omitido, estenderá até o final da coleção;

6、parent

A função parent() escolhe o pai direto de uma série de elementos.

7、parents

Esta é a forma plural, parents() escolhe todos os elementos ancestral de uma coleção. A minha intenção é que todos os elementos ancestrais incluam o pai direto até os elementos 'body' e 'html'. Portanto, é melhor passar uma expressão para reduzir os resultados da seleção.

8、siblings

Essa função escolhe todos os irmãos de um grupo de elementos, passando uma expressão pode filtrar os resultados.

9、prev & prevAll

A função prev() escolhe o nó irmão anterior. prevAll() escolhe uma coleção de todos os nós irmãos antes de um elemento.

10、next & nextAll

Essas funções funcionam da mesma forma que prev e prevAll, mas escolhem o próximo irmão.

Este é o conteúdo completo que o editor compartilha com você sobre como usar a função de seleção do jQuery para percorrer o HTML. Espero que isso possa fornecer uma referência para vocês, e espero que todos apoiem o tutorial gritar.

Você também pode gostar