首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何选择类,div,标签在碎片中?

如何选择类,div,标签在碎片中?
EN

Stack Overflow用户
提问于 2017-09-28 11:28:51
回答 1查看 6K关注 0票数 2

我试着理解碎片功能,我试着在网上找到,但是我找不到关于碎片的实际例子的好文档,所以我在这里很少问问题,这样它就能帮助那些尝试学习碎片的初学者:

首先,我混淆了碎片中实际的css选择器是什么,有两种方法我随处可见:

代码语言:javascript
运行
复制
browser.find_by_css() 

代码语言:javascript
运行
复制
browser.find_by_css_selector()

他们之间有什么区别,为什么第二种没有在当前的分裂中起作用?

我最初的问题是如何选择任何在任何类下的标签,如何选择任何在任何id下的标记?

我试图找到,但我发现了关于“如何在下拉列表中选择选项值”的碎片上的大多数堆栈溢出问题,碎片文档是很好的,但问题是,他们没有实际的足够的例子为他们的方法。

所以如果我有这个html代码:

代码语言:javascript
运行
复制
<div class="medium-widget success-story-category">
                        <h2 class="widget-title"><span aria-hidden="true" class="icon-get-started"></span>Getting Started</h2>
<p>Python can be easy to pick up whether you're a first time programmer or you're experienced with other languages. The following pages are a useful first step to get on your way writing programs with Python!</p>
<ul>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Programmers">Beginner's Guide, Programmers</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/NonProgrammers">Beginner's Guide, Non-Programmers</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Download">Beginner's Guide, Download &amp; Installation</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Examples">Code sample and snippets for Beginners</a></li>
</ul>

                    </div>

然后:

  • 如何通过选择<p>来选择class="medium-widget success-story-category"标记数据
  • 第二:如何选择第一个<li>标记的"href“
  • 第三:如何在第一个<li></li>之间获取文本

现在,如果有<class_name id="something">,比如:

代码语言:javascript
运行
复制
<nav id="mainnav" class="python-navigation main-navigation do-not-print" role="navigation">


<ul class="navigation menu" role="menubar" aria-label="Main Navigation">



    <li id="about" class="tier-1 element-1   with-supernav" aria-haspopup="true">
        <a href="/about/" title="" class=" current_item selected selected">About</a>
  • 现在如何选择:使用<nav id="mainnav" class="python-navigation main-navigation do-not-print" role="navigation">的id使用find_by_css方法(不使用find_by_id)
  • 如何使用<a>获取find_by_css链接
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-29 09:26:36

我在这里找到了我的答案,我要解释一下,这样对其他程序员是有帮助的:

首先,browser.find_by_css_selector()不起作用,我使用了find_by_css方法,它工作得很好,所以我更喜欢find_by_css方法。

如何通过选择<p>来选择class="medium-widget success-story-category"标记数据

我们可以选择任何一个类,格式是:

div[class="class_name"]div[any_style_element="value"]

我们可以通过class="medium-widget success-story-category"选择div[class="medium-widget success-story-category"]

我们可以选择

('div[class="medium-widget success-story-category"] p')标记

我们还可以找到:

find_h=browser.find_by_css('div[class="medium-widget success-story-category last"]:nth-child(2)')

当html是

代码语言:javascript
运行
复制
`<div class="row">

                    <div class="medium-widget success-story-category">
                        <h2 class="widget-title"><span aria-hidden="true" class="icon-get-started"></span>Getting Started</h2>
<p>Python can be easy to pick up whether you're a first time programmer or you're experienced with other languages. The following pages are a useful first step to get on your way writing programs with Python!</p>
<ul>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Programmers">Beginner's Guide, Programmers</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/NonProgrammers">Beginner's Guide, Non-Programmers</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Download">Beginner's Guide, Download &amp; Installation</a></li>
    <li><a href="https://wiki.python.org/moin/BeginnersGuide/Examples">Code sample and snippets for Beginners</a></li>
</ul>

                    </div>

                    <div class="medium-widget success-story-category last">
                        <h2 class="widget-title"><span aria-hidden="true" class="icon-success-stories"></span>Friendly &amp; Easy to Learn</h2>
<p>The community hosts conferences and meetups, collaborates on code, and much more. Python's documentation will help you along the way, and the mailing lists will keep you in touch.</p>
<ul>
    <li><a href="/community/workshops/">Conferences and Workshops</a></li>
    <li><a href="http://docs.python.org">Python Documentation</a></li>
    <li><a href="/community/lists">Mailing Lists</a> and <a href="/community/irc/">IRC channels</a></li>
</ul>

                    </div>

                </div>`

通过使用:

代码语言:javascript
运行
复制
`find_h=browser.find_by_css('div[class="row"]:nth-child(1) > div:nth-child(1) > p')
for i in find_h:
    print(i.text)`

我们可以通过以下方法捕捉类中的图像

('div[class="image_class_name"] img')然后result["href" or "src"]

例子:

假设我必须选择该图像,那么我可以通过下面的代码获得它:

代码语言:javascript
运行
复制
find_h=browser.find_by_css('h1[class="site-headline"] img')
for i in find_h:
    print(i["src"])

下一个问题是如何选择

  • 标签:我们可以选择
  • 使用nth-child(n)标记: 所以如果我有这个html代码:
  • 通过使用 Divclass=“媒体-小部件成功-故事-类别最后”:nth-child(1)> ul > li:nth-child(2) >a 请记住,div[class="medium-widget success-story-category last"]:nth-child(1)中的nth(2)不选择该类的第二个嵌套div,而是nth- medium-widget success-story-category last (2)选择第二个medium-widget success-story-category last类(如您所见,有两个同名的medium-widget success-story-category last类)。 最后一个问题的最后答案: 如果存在<class_name id="something">: 然后选择喜欢 Class_nameid=“某样东西”
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46468030

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档