透过CLASS值，获取满足一定条件的页面的值

通过CLASS值，获取满足一定条件的页面的值
<div class="control-group">
         <label class="control-label">线路编号：</label>
                 <div class="controls">
                    <input class="input-large" placeholder="线路编号" type="text" id="routeId" name="routeId" maxlength="80"  ></input>
                     </div>
                     </div>
   <div class="control-group">
            <label class="control-label">线路名称：</label>
                 <div class="controls">
                  <input type="text" id="productName" name="productName" placeholder="线路名称" maxlength="80"           value="${(productName)!}"/>
  </div>
   </div>
上述2个DIV只是页面中的一部分。
我需要的是通过 CLass获取元素的文本值：
首先先需要满足： class="control-group" 的DIV 然后 其 class="control-label" 的文本值 ‘线路编号：’ 然后  class="input-large" 的value值。第二个DIV 也是一样的 。
求 JS写法，是获取整个HTML页面中的 这些值

------解决思路----------------------
1、加一个jquery库
2、js代码

    <script>
        $(function(){
            //假设一个页面可能有多个父div class为control-group，然后子label class为control-label且label的内容为线路编号：
            var labelArray=$("div.control-group>label[class='control-label']");
            for(i=0;i<labelArray.length;i++){
                if($(labelArray[i]).html()=="线路编号："){
                      alert($(labelArray[i]).next().find("input[class='input-large']").val())
                }
            }
        });
    </script>