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/

如何通过类名获取“ this.parent”元素值？

1 个答案: