{"id":46,"date":"2025-04-07T19:29:40","date_gmt":"2025-04-07T11:29:40","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/php\/?p=46"},"modified":"2025-04-07T19:29:40","modified_gmt":"2025-04-07T11:29:40","slug":"%e4%bd%bf%e7%94%a8-symfony-%e7%9a%84-cssselector-%e7%bb%84%e4%bb%b6%e5%b0%86-css-%e9%80%89%e6%8b%a9%e5%99%a8%e8%bd%ac%e6%8d%a2%e4%b8%ba-xpath-%e8%a1%a8%e8%be%be%e5%bc%8f","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/php\/post\/46.html","title":{"rendered":"\u4f7f\u7528 Symfony \u7684 CssSelector \u7ec4\u4ef6\u5c06 CSS \u9009\u62e9\u5668\u8f6c\u6362\u4e3a XPath \u8868\u8fbe\u5f0f"},"content":{"rendered":"\n

\u4e3a\u4e86\u5b9e\u73b0\u7c7b\u4f3c jQuery \u7684 CSS \u9009\u62e9\u5668\u8bed\u6cd5\uff08\u5982 p<\/code>\u3001.container .para1<\/code>\uff09\uff0c\u6211\u4eec\u9700\u8981\u5f15\u5165\u4e00\u4e2a\u5de5\u5177\u5c06 CSS \u9009\u62e9\u5668\u8f6c\u6362\u4e3a XPath \u8868\u8fbe\u5f0f\u3002PHP \u4e2d\u53ef\u4ee5\u4f7f\u7528 Symfony \u7684 CssSelector<\/code> \u7ec4\u4ef6\u6765\u5b8c\u6210\u8fd9\u4e00\u4efb\u52a1\u3002<\/p>\n\n\n\n

\u4ee5\u4e0b\u662f\u91cd\u5199\u540e\u7684 Query<\/code> \u7c7b\uff0c\u652f\u6301 CSS \u9009\u62e9\u5668\u98ce\u683c\u7684\u67e5\u8be2\uff1a<\/p>\n\n\n\n

\n\n\n\n

1. \u5f15\u5165 Symfony CssSelector<\/h3>\n\n\n\n

\u9996\u5148\uff0c\u786e\u4fdd\u5b89\u88c5\u4e86 Symfony \u7684 CssSelector<\/code> \u7ec4\u4ef6\u3002\u53ef\u4ee5\u901a\u8fc7 Composer \u5b89\u88c5\uff1a<\/p>\n\n\n\n

composer require symfony\/css-selector<\/code><\/pre>\n\n\n\n
\n\n\n\n
2. \u4fee\u6539 Query<\/code> \u7c7b\u4ee5\u652f\u6301 CSS \u9009\u62e9\u5668<\/h3>\n\n\n\n
\u4e0b\u9762\u662f\u4fee\u6539\u540e\u7684\u5b8c\u6574\u4ee3\u7801\uff1a<\/p>\n\n\n\n
<?php\n\nrequire_once 'vendor\/autoload.php'; \/\/ \u786e\u4fdd\u52a0\u8f7d Composer \u81ea\u52a8\u52a0\u8f7d\u6587\u4ef6\n\nuse SymfonyComponentCssSelectorCssSelectorConverter;\n\nclass Query {\n    private $dom;\n    private $xpath;\n    private $nodes = [];\n\n    public function __construct($html = null) {\n        $this->dom = new DOMDocument();\n        libxml_use_internal_errors(true); \/\/ \u9632\u6b62 HTML \u89e3\u6790\u9519\u8bef\u629b\u51fa\u5f02\u5e38\n        if ($html) {\n            $this->dom->loadHTML($html);\n        }\n        $this->xpath = new DOMXPath($this->dom);\n        libxml_clear_errors();\n    }\n\n    \/\/ \u67e5\u627e\u8282\u70b9\uff0c\u652f\u6301 CSS \u9009\u62e9\u5668\n    public function find($selector) {\n        $converter = new CssSelectorConverter();\n        $xpathExpression = $converter->toXPath($selector);\n        $this->nodes = $this->xpath->query($xpathExpression);\n        return $this; \/\/ \u652f\u6301\u94fe\u5f0f\u8c03\u7528\n    }\n\n    \/\/ \u83b7\u53d6\u6240\u6709\u5339\u914d\u8282\u70b9\u7684\u6587\u672c\u5185\u5bb9\n    public function text() {\n        $texts = [];\n        foreach ($this->nodes as $node) {\n            $texts[] = $node->nodeValue;\n        }\n        return $texts;\n    }\n\n    \/\/ \u83b7\u53d6\u7b2c\u4e00\u4e2a\u5339\u914d\u8282\u70b9\u7684\u6587\u672c\u5185\u5bb9\n    public function firstText() {\n        if ($this->nodes->length > 0) {\n            return $this->nodes->item(0)->nodeValue;\n        }\n        return null;\n    }\n\n    \/\/ \u83b7\u53d6\u6216\u8bbe\u7f6e HTML \u5185\u5bb9\n    public function html($newHtml = null) {\n        if ($newHtml !== null) {\n            foreach ($this->nodes as $node) {\n                \/\/ \u6e05\u7a7a\u8282\u70b9\u73b0\u6709\u5185\u5bb9\n                while ($node->firstChild) {\n                    $node->removeChild($node->firstChild);\n                }\n                \/\/ \u6dfb\u52a0\u65b0\u7684 HTML \u5185\u5bb9\n                $fragment = $this->dom->createDocumentFragment();\n                $fragment->appendXML($newHtml);\n                $node->appendChild($fragment);\n            }\n            return $this;\n        }\n        $htmls = [];\n        foreach ($this->nodes as $node) {\n            $htmls[] = $this->dom->saveHTML($node);\n        }\n        return $htmls;\n    }\n\n    \/\/ \u83b7\u53d6\u6216\u8bbe\u7f6e\u5c5e\u6027\u503c\n    public function attr($attribute, $value = null) {\n        if ($value !== null) {\n            foreach ($this->nodes as $node) {\n                $node->setAttribute($attribute, $value);\n            }\n            return $this;\n        }\n        $attrs = [];\n        foreach ($this->nodes as $node) {\n            if ($node->hasAttribute($attribute)) {\n                $attrs[] = $node->getAttribute($attribute);\n            }\n        }\n        return $attrs;\n    }\n\n    \/\/ \u5411\u5339\u914d\u8282\u70b9\u8ffd\u52a0\u5185\u5bb9\n    public function append($html) {\n        foreach ($this->nodes as $node) {\n            $fragment = $this->dom->createDocumentFragment();\n            $fragment->appendXML($html);\n            $node->appendChild($fragment);\n        }\n        return $this;\n    }\n\n    \/\/ \u5220\u9664\u5339\u914d\u7684\u8282\u70b9\n    public function remove() {\n        foreach ($this->nodes as $node) {\n            if ($node->parentNode) {\n                $node->parentNode->removeChild($node);\n            }\n        }\n        return $this;\n    }\n\n    \/\/ \u8f93\u51fa\u5b8c\u6574\u7684 HTML\n    public function saveHTML() {\n        return $this->dom->saveHTML();\n    }\n}<\/code><\/pre>\n\n\n\n
\n\n\n\n
3. \u4f7f\u7528\u793a\u4f8b<\/h3>\n\n\n\n
\u5047\u8bbe\u6211\u4eec\u6709\u4ee5\u4e0b HTML \u5185\u5bb9\uff1a<\/p>\n\n\n\n
$html = <<<HTML\n<html>\n<body>\n    <div class=\"container\">\n        <p id=\"para1\" class=\"text\">Hello, World!<\/p>\n        <p id=\"para2\" class=\"text\">This is a test.<\/p>\n        <a href=\"https:\/\/example.com<\/a>\" title=\"Example Link\">Click Me<\/a>\n    <\/div>\n<\/body>\n<\/html>\nHTML;\n\n$query = new Query($html);\n\n\/\/ \u793a\u4f8b 1: \u67e5\u627e\u6240\u6709 p \u6807\u7b7e\u5e76\u83b7\u53d6\u5b83\u4eec\u7684\u6587\u672c\u5185\u5bb9\n$texts = $query->find('p')->text();\necho \"All paragraph texts:n\";\nprint_r($texts);\n\n\/\/ \u793a\u4f8b 2: \u67e5\u627e\u7b2c\u4e00\u4e2a p \u6807\u7b7e\u7684\u6587\u672c\u5185\u5bb9\n$firstText = $query->find('p')->firstText();\necho \"First paragraph text: $firstTextn\";\n\n\/\/ \u793a\u4f8b 3: \u901a\u8fc7\u7c7b\u540d\u67e5\u627e\u6bb5\u843d\n$textsByClass = $query->find('.container .text')->text();\necho \"Texts by class selector:n\";\nprint_r($textsByClass);\n\n\/\/ \u793a\u4f8b 4: \u901a\u8fc7 ID \u67e5\u627e\u6bb5\u843d\n$textById = $query->find('#para1')->text();\necho \"Text by ID selector:n\";\nprint_r($textById);\n\n\/\/ \u793a\u4f8b 5: \u4fee\u6539\u7b2c\u4e00\u4e2a p \u6807\u7b7e\u7684\u5185\u5bb9\n$query->find('p#para1')->html('<strong>New Content<\/strong>');\necho \"Modified HTML:n\";\necho $query->saveHTML();\n\n\/\/ \u793a\u4f8b 6: \u83b7\u53d6\u6240\u6709\u94fe\u63a5\u7684 href \u5c5e\u6027\n$hrefs = $query->find('a')->attr('href');\necho \"All href attributes:n\";\nprint_r($hrefs);\n\n\/\/ \u793a\u4f8b 7: \u5220\u9664\u7b2c\u4e8c\u4e2a p \u6807\u7b7e\n$query->find('p#para2')->remove();\necho \"HTML after removing second paragraph:n\";\necho $query->saveHTML();<\/code><\/pre>\n\n\n\n
\n\n\n\n
4. \u7ed3\u679c\u89e3\u91ca<\/h3>\n\n\n\n
\u793a\u4f8b 1: \u67e5\u627e\u6240\u6709 p<\/code> \u6807\u7b7e<\/h4>\n\n\n\n
All paragraph texts:\nArray\n(\n    [0] => Hello, World!\n    [1] => This is a test.\n)<\/code><\/pre>\n\n\n\n
\u793a\u4f8b 2: \u67e5\u627e\u7b2c\u4e00\u4e2a p<\/code> \u6807\u7b7e<\/h4>\n\n\n\n
First paragraph text: Hello, World!<\/code><\/pre>\n\n\n\n
\u793a\u4f8b 3: \u901a\u8fc7\u7c7b\u540d .container .text<\/code> \u67e5\u627e<\/h4>\n\n\n\n
Texts by class selector:\nArray\n(\n    [0] => Hello, World!\n    [1] => This is a test.\n)<\/code><\/pre>\n\n\n\n
\u793a\u4f8b 4: \u901a\u8fc7 ID #para1<\/code> \u67e5\u627e<\/h4>\n\n\n\n
Text by ID selector:\nArray\n(\n    [0] => Hello, World!\n)<\/code><\/pre>\n\n\n\n
\u793a\u4f8b 5: \u4fee\u6539\u7b2c\u4e00\u4e2a\u6bb5\u843d\u5185\u5bb9<\/h4>\n\n\n\n
\u4fee\u6539\u540e\uff1a<\/p>\n\n\n\n
<p id=\"para1\" class=\"text\"><strong>New Content<\/strong><\/p><\/code><\/pre>\n\n\n\n
\u793a\u4f8b 6: \u83b7\u53d6\u6240\u6709\u94fe\u63a5\u7684 href<\/code> \u5c5e\u6027<\/h4>\n\n\n\n
All href attributes:\nArray\n(\n    [0] => https:\/\/example.com<\/a>\n)<\/code><\/pre>\n\n\n\n
\u793a\u4f8b 7: \u5220\u9664\u7b2c\u4e8c\u4e2a\u6bb5\u843d<\/h4>\n\n\n\n
\u5220\u9664\u540e\uff1a<\/p>\n\n\n\n
<div class=\"container\">\n    <p id=\"para1\" class=\"text\"><strong>New Content<\/strong><\/p>\n    <a href=\"https:\/\/example.com<\/a>\" title=\"Example Link\">Click Me<\/a>\n<\/div><\/code><\/pre>\n\n\n\n
\n\n\n\n
5. \u603b\u7ed3<\/h3>\n\n\n\n
\u901a\u8fc7\u5f15\u5165 Symfony \u7684 CssSelector<\/code> \u7ec4\u4ef6\uff0c\u6211\u4eec\u53ef\u4ee5\u8f7b\u677e\u5730\u5c06 CSS \u9009\u62e9\u5668\u8f6c\u6362\u4e3a XPath \u8868\u8fbe\u5f0f\uff0c\u4ece\u800c\u5b9e\u73b0\u7c7b\u4f3c jQuery \u7684\u67e5\u8be2\u65b9\u5f0f\u3002\u8fd9\u4e2a\u6539\u8fdb\u8ba9 Query<\/code> \u7c7b\u66f4\u52a0\u7075\u6d3b\u548c\u6613\u7528\uff0c\u652f\u6301\u4ee5\u4e0b\u529f\u80fd\uff1a<\/p>\n\n\n\n
    \n
  • CSS \u9009\u62e9\u5668<\/strong>\uff1a\u5982 p<\/code>\u3001.class<\/code>\u3001#id<\/code>\u3001.container .text<\/code>\u3002<\/li>\n\n\n\n
  • \u6587\u672c\u63d0\u53d6<\/strong>\uff1atext()<\/code> \u548c firstText()<\/code>\u3002<\/li>\n\n\n\n
  • HTML \u64cd\u4f5c<\/strong>\uff1ahtml()<\/code>\u3002<\/li>\n\n\n\n
  • \u5c5e\u6027\u64cd\u4f5c<\/strong>\uff1aattr()<\/code>\u3002<\/li>\n\n\n\n
  • \u8282\u70b9\u6dfb\u52a0\/\u5220\u9664<\/strong>\uff1aappend()<\/code> \u548c remove()<\/code>\u3002<\/li>\n<\/ul>\n\n\n\n
    \u8fd9\u79cd\u5c01\u88c5\u65b9\u5f0f\u6781\u5927\u5730\u7b80\u5316\u4e86 PHP \u4e2d\u7684 DOM \u64cd\u4f5c\uff01<\/p>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    \u4e3a\u4e86\u5b9e\u73b0\u7c7b\u4f3c jQuery \u7684 CSS \u9009\u62e9\u5668\u8bed\u6cd5\uff08\u5982 p\u3001.container .para1\uff09\uff0c\u6211\u4eec\u9700\u8981\u5f15\u5165\u4e00\u4e2a\u5de5\u5177\u5c06 CSS \u9009\u62e9\u5668\u8f6c\u6362\u4e3a XPath \u8868\u8fbe\u5f0f\u3002PHP \u4e2d\u53ef\u4ee5\u4f7f\u7528 Symfony \u7684 CssSelector \u7ec4\u4ef6\u6765\u5b8c\u6210\u8fd9\u4e00\u4efb\u52a1\u3002 \u4ee5\u4e0b\u662f\u91cd\u5199\u540e\u7684 Query \u7c7b\uff0c\u652f\u6301 CSS \u9009\u62e9\u5668\u98ce\u683c\u7684\u67e5\u8be2\uff1a 1…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"tuisongtax":[],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-jswz"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tags?post=46"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tuisongtax?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}