javascript - 在查询中选择该类中的所有类

Question

现在我正在做类似的事情来查找具有相同类名的所有文本框值。

    function generalBottom(anchor) {
     var sends = $('input[data-name^="noValues"]').map(function(){
      $(this).attr('value',$(this).val());
       return $(this).val();
     }).get();
    }

我在单击提交按钮时调用此函数，例如generalBottom(this)我有类似的东西按照我的要求 当我点击 User 的提交按钮时，我调用一个传递 this 作为参数的通用函数，但上面的代码给了我 client 的文本值还有["perfect", "hyperjack", "julie", "annoying", "junction", "conculated"]，这是不需要的，我只想要 ["annoying", "junction ", "conculated"] 使用我的 anchor 参数。如何通过我的 this 参数执行此操作，我想使用 Children()、parent() 遍历我的标签，但我不知道用户添加了多少个字段作为其所有动态、用户可以添加任意多个值(文本框)。

我试过了

1) $(anchor).find('.rightAbsNo')

2) $(anchor).find('input[data-name^="noValues"]')

3) $(anchor).find('.rightAbsNo').map(function () {
console.log($(this).find('.showNoButton')); })

这些对我来说都不起作用。

我的html有点像这样，代码

  <div id="attach0" class="leftbottomno">
  <div style="overflow: hidden" class="leftbottomAbsolute" id="">   
  <form> 
  <span class="absno"><input type="text" required="" 
  id="absdelete" data-inputclass="leftbottomAbsoluteNo_class"     
  value="" class="leftbottomabsolutenotest keys" data-value="" 
  style="margin-bottom:4px; color: #1c1c1c;"> </span>  
  <a onclick="addAbsoluteValues(this);" style="margin-left: 50px"> 
  <i class="fa fa-plus-circle color-blue-grey-lighter"></i> </a>  
  </form> 

  <a onclick="deleteAbsoluteEmpty(this);> </a><br> 

  <div class="rightAbsNo" id="yesValueattach"> 
  <div class="rightAbsNoValue"> 
  <input type="text" id="nonattach" placeholder="values" 
  data-name="noValues" data-inputclass="absYes_class"  value="annoying"   
  class="showNoButton showActivity value" data-value=""> 
  <button type="button" onclick="generalBottom(this);">
  <i class="glyphicon glyphicon-ok"></i></button> 
  </div>
  </div>

  <div class="rightAbsNo" id="yesValueattach"> 
  <div class="rightAbsNoValue" id=""> <input type="text" 
  data-name="noValues" data-inputclass="absYes_class" subattribute="" 
  value="" class="showNoButton showActivity value" data-value=""> 
  <button type="button" onclick="generalBottom(this);">

  <i class="glyphicon glyphicon-ok"></i></button> 
  </div>
  </div>

  <div class="rightAbsNo" id="yesValueattach"> 
  <div class="rightAbsNoValue" id=""> 
  <input type="text" data-name="noValues" 
  data-inputclass="absYes_class" placeholder="values" subattribute="" 
  value="junction" class="showNoButton showActivity value" 
  data-value="" > 
  <button type="button" style="display: none;"    
  onclick="generalBottom(this);">
  <i class="glyphicon glyphicon-ok"></i>
  </button> 
  </div>
 </div>
 </div>
 </div>

Answer 1

首先，您需要为组定义一个容器，如下所示:

<div class="container">input groups</div>
<div class="container">input groups</div>

并更改<button type='submit'>至<button type='button'>以防止提交表单。

然后将你的函数更改为:

function generalBottom(anchor) {
    var all_inputs = $(anchor).parent(".container").find("input");
    var input = $(anchor).siblings('input').first();
    all_inputs.each(function(){
        $(this).val(input.val());
    });
}