Skip to main content
Communityユーザーがトップに表示した
本文に 25 文字追加; タイトルを編集
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

n番目のulタグul要素の最後の子要素テキストli要素を取得したい

実現したいこと

n番目のulタグ n番目 ul 要素の最後の子要素のテキストを取得したいです。

現状ではulタグ ul 要素の最後の子要素のテキストを取得までできています。

 

該当のソースコード

var lastChild = document.querySelector('**ul**'ul:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれでこのように取得できることまでは掴めわかりました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分 querySelector メソッドの ul 部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

 

参考にしたサイト

n番目のulタグの最後の子要素テキストを取得したい

実現したいこと

n番目のulタグの最後の子要素のテキストを取得したい

現状ではulタグの最後の子要素のテキストを取得までできています。

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト

n番目のul要素の最後のli要素を取得したい

実現したいこと

n番目 ul 要素の最後の子要素のテキストを取得したいです。

現状では ul 要素の最後の子要素のテキストを取得までできています。

 

該当のソースコード

var lastChild = document.querySelector('ul:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、このように取得できることまではわかりました。

var nthTag = document.getElementsByTagName('ul')[2];

これを querySelector メソッドの ul 部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

 

参考にしたサイト

本文から 8 文字削除; タイトルを編集
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

n番目のulタグの最後の子要素ul内子要素のテキストを取得したい

実現したいこと

n番目のulタグの最後の子要素ul内の子要素のテキストを取得したい

現状ではulタグの最後の子要素ul内の子要素のテキストを取得までできています。

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト

n番目のulタグの最後の子要素ul内のテキストを取得したい

実現したいこと

n番目のulタグの最後の子要素ul内ののテキストを取得したい

現状ではulタグの最後の子要素ul内ののテキストを取得までできています。

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト

n番目のulタグの最後の子要素のテキストを取得したい

実現したいこと

n番目のulタグの最後の子要素のテキストを取得したい

現状ではulタグの最後の子要素のテキストを取得までできています。

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト

本文から 101 文字削除
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

実現したいこと

こうしたいです。
n番目のulタグの最後の子要素ul内ののテキストを取得したい

ここまで現状でできています。
ulタグの最後の子要素ul内ののテキストを取得

このコードですまでできています
var lastChild = document.querySelector('ul:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。
var nthTag = document.getElementsByTagName('ul')2;

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTagul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト
要素の取得方法まとめ - Qiita
https://qiita.com/amamamaou/items/25e8b4e1b41c8d3211f4
getElementsByTagName() タグ名から要素を取得 | JavaScript中級編 - ウェブプログラミングポータル
https://wp-p.info/tpl_rep.php?cat=js-intermediate&fl=r3

参考にしたサイト

こうしたいです。
n番目のulタグの最後の子要素ul内ののテキストを取得したい

ここまでできています。
ulタグの最後の子要素ul内ののテキストを取得

このコードです
var lastChild = document.querySelector('ul:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。
var nthTag = document.getElementsByTagName('ul')2;

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト
要素の取得方法まとめ - Qiita
https://qiita.com/amamamaou/items/25e8b4e1b41c8d3211f4
getElementsByTagName() タグ名から要素を取得 | JavaScript中級編 - ウェブプログラミングポータル
https://wp-p.info/tpl_rep.php?cat=js-intermediate&fl=r3

実現したいこと

n番目のulタグの最後の子要素ul内ののテキストを取得したい

現状ではulタグの最後の子要素ul内ののテキストを取得までできています

該当のソースコード

var lastChild = document.querySelector('**ul**:last-child');
console.log(lastChild);
console.log(lastChild.textContent);

n番目のタグは、たとえばこれで取得できることまでは掴めました。

var nthTag = document.getElementsByTagName('ul')[2];

これをコード内で太字にしたul部分に繋げる方法に辿り着けずにいます。
ul = nthTag を挿入して繋げようとしても、最初のulの子要素が取得されてしまうので、うまく繋がっていないようです。

答えもしくはヒントをいただけないでしょうか。

参考にしたサイト

ソース リンク
voco
  • 11
  • 3
読み込んでいます