0

有一个网站我想用和服转换为 API,它具有以下结构(我的意思是视觉上,而不是标记虎钳):

CATEGORY 1:
 Product 1: PRICE
 Product 2: PRICE
 Product 3: PRICE
 ...

CATEGORY 2:
 Product 1: PRICE
 Product 2: PRICE
 Product 3: PRICE
 ...

等等......我希望 API 能够反映这种层次结构,所以它会是这样的:

{
  "CATEGORY 1": {
    "Product 1": {
      "price": "$"
    },
    "Product 2": {
      "price": "$"
    },
    "Product 3": {
      "price": "$"
    }
  },
  "CATEGORY 2": {
    "Product 1": {
      "price": "$"
    },
    "Product 2": {
      "price": "$"
    },
    "Product 3": {
      "price": "$"
    }
  }
}

问题是站点的标记没有显示这种层次结构(产品没有嵌套在类别中):

<h3>CATEGORY 1</h3>
<div class="product">
  <div>
    <div>
    <h4>
      <div>Product 1</div>
    </h4>
    <p>Price</p>
</div>
<div class="product">
  <div>
    <div>
    <h4>
      <div>Product 2</div>
    </h4>
    <p>Price</p>
</div>
<h3>CATEGORY 2</h3>
<div>
  <div>
    <div>
    <h4>
      <div>Product 1</div>
    </h4>
    <p>Price</p>
</div>
<div class="product">
  <div>
    <div>
    <h4>
      <div>Product 2</div>
    </h4>
    <p>Price</p>
</div>

不管我做什么,我总是得到这样的东西:

{
  "collection1": [
    {
      "property1": "Category 1",
      "property4": "Product 1",
      "property5": "price"
    },
    {
      "property1": "Category 2",
      "property4": "Product 1",
      "property5": "price"
    }
  ]
}

有可能实现这一目标吗?

4

1 回答 1

2

如果 CSS 选择器可能无法正常工作,那么如果您尝试对类别 1、类别 2 使用正则表达式- 如果不知道用于测试的页面 url,将无法提供更多帮助

您也可以尝试将 Cat1、Cat2 数据放在不同的 Collections 中,用 CSS 分隔:

...> h3

中间部分的正则表达式:

CATEGORY 1
于 2015-10-29T17:50:13.020 回答