Se #principal
for um elemento filho direto do body
(parece ser o caso), use .filter()
:
<body>
<div id="principal"></div>
</body>
$(data).filter("#principal");
Caso contrário, use .find()
:
<body>
<div>
<div id="principal"></div>
</div>
</body>
$(data).find("#principal");
Isso porque $(data)
irá retornar um nodelist e o find
irá buscar dentro desses nós o elemento #principal
. Se esse elemento for filho direto do body, ele será um nó principal, e o find
não irá encontrá-lo.
Já o filter
irá pegar direto o nó principal que casar com o seletor.