2

次のような値を持つページがあります。

 <div id="productList" >
   <input type="hidden" name="product[0].id" value="21">
   <div id="21" >BeanCounter</div>
   <input type="hidden" name="product[1].id" value="22">
   <div id="22" >CallGate</div>
</div>

value=21ここで、非表示フィールドとdivを削除したいと思いますid=21。

私はこれを持っています：

function remove(id){
    var remove = $(id);
    $('productList').removeChild(remove);

しかし、隠しフィールドを削除するにはどうすればよいですか? 値でオブジェクトを取得できますか?

edit は mootools タグを見逃していました。jquery タグがどこから来たのかわかりません。mootools はそれほど一般的ではないと思いますが、うまくいけば、これはプレーンな JavaScript で実行できます。

うーん、タグがまた jquery に戻った？

4

3 に答える 3

2

編集された投稿でplain javascript 述べたように使用：

var checkVal = '21';

var parentDiv = document.getElementById('productList');
var inps = parentDiv.getElementsByTagName('input');
var inpRemove = null;

//Get the div to be removed
var divRemove = document.getElementById(checkVal);

for(var i=0; i<inps.length; i++)
{
   if(inps[i].value == checkVal)
   {
      //Get the input to be removed (Assuming only input with same value)
      inpRemove = inps[i];
      break;
   }
}

//Remove both here
parentDiv.removeChild(inpRemove);
parentDiv.removeChild(divRemove);
于 2013-10-14T09:11:34.200 に答える