{"id":31537,"date":"2024-11-25T17:02:20","date_gmt":"2024-11-25T09:02:20","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31537\/"},"modified":"2024-11-25T17:02:20","modified_gmt":"2024-11-25T09:02:20","slug":"%e5%a6%82%e4%bd%95%e8%8e%b7%e5%8f%96dom%e5%86%85class%e7%9a%84%e5%80%bc","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31537\/","title":{"rendered":"\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c"},"content":{"rendered":"<p style=\"text-align: left\">\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5982\u4f55\u83b7\u53d6dom\u5185\u7684\u503c\uff0c\u83b7\u53d6dom\u5185class\u503c\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002<\/p>\n<p style=\"text-align: left\">vue\u70b9\u51fb\u7ed9dom\u6dfb\u52a0class\u7136\u540e\u83b7\u53d6\u542b\u6709class\u7684dom<\/p>\n<pre>&lt;p class=\"chose-ck\" v-for=\"(item,index2) in colors\" :key=\"index2\" ref=\"chosebox\"&gt;\r\n                  &lt;p&gt;{{item.name}}&lt;\/p&gt;\r\n                  &lt;dt v-for=\"(item2,index) in item.childsCurGoods\" :key=\"item2.id\" :class=\"index==iac[index2]?'check':''\" :id=\"item2.id\" :data-chosename=\"item.name\" :data-choseidname=\"item2.name\" :data-chose=\"item.id\" :data-id=\"item2.id\" @click=\"chek(index2,index)\" &gt;\r\n                    {{item2.name}}\r\n                  &lt;\/dt&gt;\r\n                &lt;\/p&gt;js\r\n  chek(index2, index) {\r\n      this.iac[index2] = index\r\n      this.iac = this.iac.concat([]);\r\n      this.checkchose()\r\n    },\r\n    checkchose:function(){\r\n      var chose=this\r\n      var chosedom=chose.$refs.chosebox\r\n      console.log(chosedom)\r\n      for (var i=0;i&lt;chosedom.length;i++) {\r\n        var children=chosedom[i].children\r\n        for (var j=0;j&lt;children.length;j++) {  \r\n          if(children[j].className==\"check\")\r\n          {\r\n            console.log(children[j])\r\n          }\r\n        }\r\n      }\r\n      \r\n    }<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p style=\"text-align: left\">\u70b9\u51fb\u8fc7\u540e\u83b7\u53d6\u5230\u7684dom\u6253\u5370<\/p>\n<p style=\"text-align: left\"><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/061\/021\/f5494886dd7caeb5d7e661c69ddf470a-0.jpg\" class=\"aligncenter\" title=\"\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c\u63d2\u56fe\" alt=\"\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c\u63d2\u56fe\" \/><\/p>\n<pre>if(children[j].className==\"check\")<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p style=\"max-width:90%\">\u52a0\u4e86\u5224\u65ad\u4e3a\u4ec0\u4e48\u6253\u5370\u51fa\u6765\u7684dom\u662f\u70b9\u51fb\u4e4b\u524d\u7684dom<\/p>\n<p style=\"text-align: left\"><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/061\/021\/f5494886dd7caeb5d7e661c69ddf470a-1.jpg\" class=\"aligncenter\" title=\"\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c\u63d2\u56fe1\" alt=\"\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c\u63d2\u56fe1\" \/><\/p>\n<p>\u76f8\u4fe1\u770b\u4e86\u672c\u6587\u6848\u4f8b\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86\u65b9\u6cd5\uff0c\u66f4\u591a\u7cbe\u5f69\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n<p>\u63a8\u8350\u9605\u8bfb\uff1a<\/p>\n<p><\/p>\n<p><\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5982\u4f55\u83b7\u53d6dom\u5185class\u7684\u503c\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5982\u4f55\u83b7\u53d6dom\u5185\u7684\u503c\uff0c\u83b7\u53d6dom\u5185class\u503c\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002 vue\u70b9\u51fb\u7ed9dom\u6dfb\u52a0class\u7136\u540e\u83b7\u53d6\u542b\u6709class\u7684dom &lt;p class=&#8221;chose-ck&#8221; v-for=&#8221;(item,index2) in colors&#8221; :key=&#8221;index2&#8243; ref=&#8221;chosebox&#8221;&gt; &lt;p&gt;{{item.name}}&lt;\/p&gt; &lt;dt v-for=&#8221;(item2,index) in item.childsCurGoods&#8221; :key=&#8221;item2.id&#8221; :class=&#8221;index==iac[index2]?&#8217;check&#8217;:&#8221;&#8221; :id=&#8221;item2.id&#8221; :data-chosename=&#8221;item.name&#8221; :data-choseidname=&#8221;item2.name&#8221; :data-chose=&#8221;item.id&#8221; :data-id=&#8221;item2.id&#8221; @click=&#8221;chek(index2,index)&#8221; &gt; {{item2.name}} &lt;\/dt&gt; &lt;\/p&gt;js chek(index2, index) { this.iac[index2] = index this.iac = this.iac.concat([]); this.checkchose() }, checkchose:function(){ var chose=this var chosedom=chose.$refs.chosebox console.log(chosedom) for (var i=0;i&lt;chosedom.length;i++) { var children=chosedom[i].children for (var j=0;j&lt;children.length;j++) { if(children[j].className==&#8221;check&#8221;) { [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31537","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31537"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31537\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}