テキストラベル値にアクセスするJavaScript文字列

Question

現在、私は、各セルに番号、ラベル、テキストボックスの順序付きリストがあるセルの表を作成するJavaスクリプトを用意しています。このコードのスニペットは以下のように書かれています。

<table id="drawAllQuestionsTbl"> 
<tbody><tr><td class="tbl"> 
<ol start="1"> 
<li>Sport 1:&nbsp;<input type="text" name="tq_g_0_guess" size="15"></li></ol></td></tr><tr><td class="tbl"> 

簡潔にするために、私は余分なものをたくさんカットしました。実際には、この表には約10個のこのセルのレプリカがあり、各セルにはラベルとテキストボックスを持つ順序付きリストがあります。たとえば、この順序付きリストのテキストボックスでは、document.getElementsByName("tq_g_0_guess")を使用してその値に正常にアクセスできます。しかし、私の質問は、このテキストボックスの横にラベル "スポーツ1"の値を取得する方法です。何か案は？

Answer 1

以下は、liノードのテキストです。これはSport 1:になります。

var elParent = document.getElementsByName("tq_g_0_guess")[0].parentNode; 
var labelText = elParent.innerText; 
console.log(labelText); // Sport 1: 

labelTextを使用すると、テキストを目的の結果にさらにフォーマットすることができます。

あなたはだけSport 1をしたい場合は、何について

labelText.substr(0, labelText.indexOf(':')); 

Answer 2

結腸にすべてをサブストリングができます：

document.getElementsByName("tq_g_0_guess")[0].parentNode.innerText 

Answer 3

JavaScriptで書く：

var child = document.getElementsByName("tq_g_0_guess")[0]; // ok, must add a [0] after this. 
var preTextNode = child.previousSibling; 
var textContent = preTextNode.textContent; // this is the text you want.