配列：子要素からchildrenのindex番号を取得したい

Question

配列で欲しい値を取得するのに困っています。

sceneという親オブジェクトにplane1_1というnameを持つ子オブジェクトをいれています。
sceneの中身は以下のようになっています。

上の画像では10となっていますが、状況によりその番号は変化してしまいます。
また、上の10以外の0〜9にもそれぞれnameがあります。
実現したいことは、このchildrenの中の全てのnameから'plane1_1'があるインデックスを選び、その番号を返す、というようなものです（つまり、緑枠の値から青枠の数字を取得したいです）。

これが現在のコードです↓
if(num<2){//numが２までならば// num++; var plane1_1=new THREE.Mesh(p2_geometry,p2_material);//THREEjsです// scene.add(plane1_1);//ここで追加// }else if(list.indexOf('1')>= 0){//再度同じ場所を押下した時にその要素があれば// num--; scene.remove(?????)//ここで削除したいです// }
この？？？？？となっている部分にplane1_1があるscene.children[]を入れ、削除したいのです。
なので、そのchildrenのインデックス番号を求める手段をお聞きしたいです。

Arrayのfind,indexOf,some()なども試してみたのですが、思うような結果にならず困っています。
~~jqueryも使用可能です。
~~

初歩的な質問で申し訳ないのですがよろしくお願いします。

Answer 1

THREEjsを使用しているためか、階層表記を混乱させてしまい、失礼しました。
スマートとは言えませんが、こちらで解決することができました。

var a=[];
scene.children.forEach(function (element){
  	var ind=[element.name,scene.children.indexOf(element)];
  	if(ind[0]==='plane1_1'){a=[];a.push(ind[1])}
  });
  scene.remove(scene.children[a]);

Answer 2

仕様がいまいちわかりにくいのですが、こんな感じですか？

Comments

[yambejp]

<script>
window.addEventListener('DOMContentLoaded', ()=>{
var idx=[...document.querySelectorAll('#hoge div')].indexOf(document.querySelector('#fuga'));
console.log(idx);
});
</script>
<div id="hoge">
<div>1</div>
<div>2</div>
<div>3</div>
<div id="fuga">4</div>
<div>5</div>
</div>

[kittycut]

ありがとうございます。
さっそく↓のように試させていただきました。
var idx=[...document.querySelectorAll('scene.children name')].indexOf(document.querySelector('plane1_1'));
結果は-1でした。

document.querySelectorAllがうまく取得できていないようで、
console.log(document.querySelectorAll('scene.children name'))でもNodeList[]が返ってきました。
＄なしでもできますでしょうか？

質問文の「jqueryも使用可能です」自体が間違っていたようです、すみません。

[yambejp]

> 'scene.children name'

ちょっと意味不明です
hildrenクラスのついたsceneタグのnameタグ要素から
plane1_1タグのインデックスを調べているのですか？

id、クラス、name要素の参照の仕方をよくよく考えて書いてください
（命題にhtmlもないのでアドバイスもできません）

[kittycut]

「childrenクラスのついたsceneタグ」ではなく、sceneタグのchildrenタグです。
そのchildrenタグにnameタグがあり、そのnameがplane1_となっているchildrenのインデックスを調べています。

scene
|_children
　　　　　 |_0・・・
|_10←この数字を取得したいです。数字は０〜１１くらいまでです。
|_name
|_plane1_1

0〜１１までの全てのnameから検索しようと上記のように書いたのですが・・・

[yambejp]

> sceneタグのchildren

なら、「scene children」です

> nameタグがあり、そのnameがplane1_

nameタグに別途name属性があるということでしょうか？
ちょっと質問内容がいい加減すぎて何を答えていいかわかりません

[kittycut]

わかりにくくてすみません、name属性にplane1_1です。

var idx=[...document.querySelectorAll('scene children name')].indexOf(document.querySelector('plane1_1'));
これでも結果は-1でした。

[yambejp]

childrenタグのname属性なのですか？nameタグのname属性なのですか？

[yambejp]

エスパー回答

<script>
window.addEventListener('DOMContentLoaded', ()=>{
var idx=[...document.querySelectorAll('scene children')].indexOf(document.querySelector('[name=plane1_4]'));
console.log(idx);
});
</script>
<scene>
<children name="plane1_1">1</children>
<children name="plane1_2">2</children>
<children name="plane1_3">3</children>
<children name="plane1_4">4</children>
<children name="plane1_5">5</children>
</scene>

[kittycut]

childrenタグのname属性です。

[yambejp]

埒が明かなそうなのでエスパー回答つけてあります

[kittycut]

エスパー回答を解決のヒントとさせていただきました。
わかりにくい文面にお付き合いいただき、ありがとうございました。