如何通過類名獲取“ this.parent”元素值？

Question

我在此對象中的“ td”元素如何通過類名獲取父元素值？

console.log($this.parent().html())

在控制台中顯示：

<td class="nr"><div contenteditable="true">7</div></td><td class="abc"><div contenteditable="true">A</div></td><td class="nazwa"><div contenteditable="true" class="xyz">logic lvl convert</div></td><td class="opis">3.3V to 5V</td><td class="symbol"> </td><td class="ilosc">6</td><td class="nowy">TAK</td><td class="ds"></td>

我試圖找到如何從指定類的td中獲取價值，但是經過長時間在gogle上的使用，我不知道該怎么做：/
我需要使用類＃nr，＃abc和#ds獲取值元素

Answer 1

如果要手動獲取.nr，.abc和.ds。的值。

 var trJqObject = $('tr'); $('.clicker.string').click(function() { var theValuesAsString; // will be a string var separator = ', '; theValuesAsString = $('.nr div', trJqObject).text() + separator; theValuesAsString += $('.abc div', trJqObject).text() + separator; theValuesAsString += $('.ds', trJqObject).text(); alert(theValuesAsString); }) $('.clicker.array').click(function() { var theValuesAsArray = []; // will be an array theValuesAsArray.push($('.nr div', trJqObject).text()); theValuesAsArray.push($('.abc div', trJqObject).text()); theValuesAsArray.push($('.ds', trJqObject).text()); $.each(theValuesAsArray, function() { alert(this); }) }) 

 .clicker { position: fixed; bottom: 0; padding: 2px 6px 1px 6px; background-color: hsla(188, 100%, 50%, 1); cursor: pointer; } .clicker:hover { background-color: hsla(287, 100%, 72%, 1); } .clicker.string { left: 0; } .clicker.array { right: 0; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td class="nr"> <div contenteditable="true">7</div> </td> <td class="abc"> <div contenteditable="true">A</div> </td> <td class="nazwa"> <div contenteditable="true" class="xyz">logic lvl convert</div> </td> <td class="opis">3.3V to 5V</td> <td class="symbol"></td> <td class="ilosc">6</td> <td class="nowy">TAK</td> <td class="ds">empty</td> </tr> </table> <div class="clicker string">click to show values as string</div> <div class="clicker array">click to loop values array</div> 

如果您回答此問題並提供有關您想要獲得的信息以及您要使用它做什么的更多信息，我將更新此小提琴。

小提琴

https://jsfiddle.net/Hastig/4uakr7mn/