[英]How to get previous element by event target?
我正在嘗試通過 React javascript 中的event.target
獲取以前的div/ class/ wrapper/ container
。 它是一張表,這里是DOM
樹。 當我單擊帶有“1”的單元格時,event.target 將為 output
<div class="id">
<span>1</span>
</div>
如何改為 output <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
}
<.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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.