如何收集隐藏的所有元素?

时间:2014-11-20 12:24:52

标签: javascript jquery

我正在使用此脚本隐藏动态生成的行。这里' x'是一行的id。我想收集所有隐藏的ID。并希望将所有ID附加到隐藏字段中。

JS

function call(x) { 
  var del = $('.' + x).hide();
}

HTML

<a  class="" onclick="call(x)">Remove</a><input type="hidden" name="Ids" value="Javascript return ids">

3 个答案:

答案 0 :(得分:1)

我建议标记此功能触及的所有元素。

function call( x ){ 
  var deleted_elements = $('.'+ x).addClass( "was_hidden" ).hide();
}

现在,您可以使用该类来定位已使用该函数隐藏的所有元素:

var hidden_elements = $( ".was_hidden" );

如果你没有隐藏这些元素,请不要忘记删除该类!

$( ".was_hidden" ).removeClass( "was_hidden" ).show()

答案 1 :(得分:0)

您的错误很少:

<a  class="" onclick="call('x')">Remove</a> <!-- in single quotes -->
                           ^-^

JS

function call(x) { 
  var ids = $('.' + x).hide().map(function(){
    return this.id;//<-- get id
  }).get();
  console.log('ids, ', ids );
}

答案 2 :(得分:0)

  function call(x) { 
      var del = $('#' + x).hide(); // Change just '.' to '#'
    }

<a  class="" onclick="call(x)">Remove</a>

只需进行以上更改即可。如果有多个具有相同名称的ID,那么请给我完整的html和js代码。您可以创建jsfiddle