怎么用结合树做查询功能

图片说明

        </div>
        <!-- Unnamed (矩形) -->
        <div id="u112" class="" selectiongroup="u108_tree_group">
          <div id="u112_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u113" class="text" style="visibility: visible;">
            <p><span>全部商品</span></p>
          </div>
        </div>
        <div id="u109_children" class="u109_children">

          <!-- Unnamed (树节点) -->
          <div id="u114" class="ax_default tree_node treenode">
            <!-- Unnamed (矩形) -->
            <div id="u115" class="" selectiongroup="u108_tree_group">
              <div id="u115_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u116" class="text" style="visibility: visible;">
                <p><span>日用品</span></p>
              </div>
            </div>
          </div>
          <!-- Unnamed (树节点) -->
          <div id="u117" class="ax_default tree_node treenode">
            <!-- Unnamed (矩形) -->
            <div id="u118" class="" selectiongroup="u108_tree_group">
              <div id="u118_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u119" class="text" style="visibility: visible;">
                <p><span>化妆品</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (树节点) -->
          <div id="u120" class="ax_default tree_node treenode">
            <!-- Unnamed (矩形) -->
            <div id="u121" class="" selectiongroup="u108_tree_group">
              <div id="u121_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u122" class="text" style="visibility: visible;">
                <p><span>学习用品</span></p>
              </div>
            </div>
          </div>
        </div>

查询操作 前端只需要传个输入的值给后端就行了,根据后端传过来的数据对页面进行渲染和树的层级选中情况