私はこのhtml要素を持っているjQueryオブジェクト

Question

から要素を取得：

<tr style="cursor: pointer" onclick="doWithThisElement(this)"> 
    <td scope="row">position</td> 
    <td>Machine 345</td> 
    <td>30</td> 
    </tr> 

onclickの機能は私にjQueryオブジェクトを渡します。文字列として 'Machine 345'を取得したいと思います。

私がこれまで試したことはある：私はそれをログインしたとき

function doWithThisElement(elem) { 
    var test = $(elem).children()[1].get(0); 
} 

、それは私を与える：

マシン345は

が、オブジェクトとして。

Answer 1

function doWithThisElement(elem) { 
    var td = $(elem).children('td')[1]; 
    var test = $(td).text(); 
} 

Answer 2

バニラJSソリューション...

function doWithThisElement(elem) { 
    var test = elem.children[1].innerText; 
    console.log(test); 
} 

jQueryのソリューション...

function doWithThisElement(elem) { 
    var test = $(elem).children().get(1).textContent 
    console.log(test); 
} 

Answer 3

あなたが特定の列を取得したい場合、私は知らないか、あなたがしたい場合は特定の行をクリックするとすべてのデータをキャッチします。そうでなければ、私はあなたにこのソリューションを提案することができます https://jsfiddle.net/ckr41w86/

JS

$(document).ready(function() { 
    $("#your-id").on('click', function(){ 
    console.log($(this).children().get(1).textContent); 
    }); 
}); 

HTML

<table> 
    <tr style="cursor: pointer" id="your-id"> 
    <td scope="row">position</td> 
    <td>Machine 345</td> 
    <td>30</td> 
    </tr> 
    </table>