javascript - 使用 JQuery 抓取 HTML 元素

Question

我正在为 Chrome 开发一个小型扩展程序。其中，我想从我访问的页面中抓取一些文本并将其存储到变量中。我正在使用 jQuery。我尝试了其他帖子中的一些解决方案，但似乎没有任何效果。

<div id = "top-card" data-li-template="top_card" >
<div class="profile-top-card top-card " >
    <div class="profile-card vcard">
        <div class="profile-card vcard">
            <div class="profile-card vcard">
                .....
                    <div class="profile-card vcard">
                        <div id="profile-card vcard">
                            <div data-li-template="profile-card vcard">
                                <h1>
                                    <span class="fn">
                                        <span class="full-name" dir="auto">I WANT THIS TEXT</span>

到目前为止我的代码是:

$('#personal_notes').click(function() {
chrome.tabs.query( {active: true}, function(tabs) {
var url = tabs[0].url;
var notes = document.getElementById('notes').value;
var name = $("body").find("full-name").text();

非常感谢我可以使用的任何想法或信息来源。谢谢您

Answer 1

您需要来自类名“full-name”的数据。因此，您应该在类名之前使用 . 作为 jQuery

中的类选择器

$('#personal_notes').click(function() {
    chrome.tabs.query( {active: true}, function(tabs) {
       var url = tabs[0].url;
       var notes = document.getElementById('notes').value;

       var name = $("body .full-name").text();
       //OR you can use below one also with minor change
       var name = $("body").find(".full-name").text();