Как получить предыдущий элемент по цели события? - PullRequest
Новая
       12

Как получить предыдущий элемент по цели события?

0 голосов
/ 07 мая 2020

Я пытаюсь получить предыдущий div/ class/ wrapper/ container по event.target в React javascript. Это таблица, а вот дерево DOM. Когда я щелкаю ячейку с «1», event.target выводит 

<div class="id">
  <span>1</span>
</div>

Как я могу сделать так, чтобы вместо этого выводилось <div class="Table row">? Спасибо

Таблица: 

id name location
1  test test      #the below html dom is for this row

DOM: 

<div class="Table row" custom_att="test">
  <div class="id">
    <span>1</span>
  </div>
  <div class="name">
    <span>test</span>
  </div>
  <div class="location">
    <span>test</span>
  </div>
</div>

Код: 

onMouseDownEvent(e){
    var ele = e.target;
    //do something with ele
}

1 Ответ

0 голосов
/ 07 мая 2020 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.target demo</title>
  <style>
  span, strong, p {
    padding: 8px;
    display: block;
    border: 1px solid #999;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<div class="Table row">
  <div class="id">
    <span>1</span>
  </div>
  <div class="name">
    <span>test</span>
  </div>
  <div class="location">
    <span>test</span>
  </div>
</div>
 <div id="log">
   
 </div>
<script>
$( "body" ).click(function( event ) {
 
  $( "#log" ).html( "clicked: " + event.target.parentNode.nodeName );
});
</script>
 
</body>
</html>
...