遍历出来的class相同 所以我怎么才能每个button对应text框

Question

 @{ List<ExaminationHerp.BookTable> users = (List<ExaminationHerp.BookTable>)ViewBag.Users;
                  foreach (ExaminationHerp.BookTable item in users)
                {
        <div class="rightmaintopleft">


          <div class="rightmaintopcontent"> <a href="#"><img src="@item.Img" border="0" style="float:left";"width:41px;height:64px" /></a>
            <div style="float:left; width:154px">
              <div class="wen1">@item.BookName
                <div>
                  <div class="wen2">出版社：@item.Press</div>
                  <div class="wen3">价格￥@item.Money（7.1折）</div>

                  <div class="wen4"><img src="~/BooxCssJsImg/img/che1.png" border="0"/> <a href="#">购买</a> | <img src="~/BooxCssJsImg/img/da.png"/><a href="#">数量:</a>  <input type="button" value="+" class="input2" style="width:20px"/ ">  <input  type="text" style="width:20px;margin-left:140px"; class="input1" value="0"/> <input  class="input3" type="button" value="-" style="width:20px"/>  </div>

                </div>
              </div>
            </div>
          </div>   
        </div>

遍历出来的 button 当点击+时 text的值+1 点击-时-1 遍历出来的class相同 所以我怎么才能每个button对应text框

Answer 1

和button对应的text框，应该同button在同一个父节点下。
可以用如下代码实现题目需求：

Btn.onclick = function() { 
    var children = this.parentElement.childNodes;
    var text;
    for(var i = 0; i < children.length; i ++) {
        if(children[i].nodeType === Node.TEXT_NODE) {
            text = children[i].nodeValue;
            break;
        }
    }
   alert(text); 
}

思路是得到button父节点下元素数组，循环遍历得到对应text框。

用心回答每个问题，如果对您有帮助，请采纳答案好吗，谢谢。