如何在没有jQuery的情况下在Javascript中链接选择器

问题描述

在尝试操纵外部网站的布局时，我经常被迫使用一系列选择器来定位我想要的特定元素。我第一次遇到这个时，我得到了一个jQuery解决方案，很容易得到结果。我宁愿不依赖jQuery，也想知道这在标准Javascript中是多么可行。以下是jQuery'链'的示例 -

While trying to manipulate the layout of external sites I am often forced to use a chain of selectors to target the specific element I want. The first time I encountered this I was offered a jQuery solution and it is very easy to get results. I would prefer not to rely on jQuery and would like to know how feasible this is in standard Javascript. Here is an example jQuery 'chain' -

$('div[id="entry"] > p[class="header"] > span[id="title"] > div[class*="entry"] > p[class="title"] > a[class*="target"]').. etc

所以说HTML结构大致是

So say the HTML structure is roughly

<div id="entry">
    <p class="primary">
    <p class="header">
        <span class="side">
        <span id="title">
            <div class="secondary entry">
                <p class="return">
                <p class="title">
                    <a class="img">
                    <a class="mytargetelement">

那么这怎么可能正常呢？谢谢。

So how is this possible normally? Thanks.

推荐答案

输入。

这是jQuery在内部支持它的浏览器。语法与jQuery（Sizzle）选择器中的语法相同，请参阅。

It's what jQuery uses internally for browsers that support it. The syntax is the same as in jQuery (Sizzle) selectors, see Selectors API.

这篇关于如何在没有jQuery的情况下在Javascript中链接选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！