如何將alt屬性從轉換后的對象轉換為元素

Question

我想獲取div的孩子的所有信息，但控制台記錄$ this.find不是一個函數。

  const $ClickedCells = $(".board__cell--black"); function pawnMove() { const $this = $(this)[0]; const $thisPawn = $this.find("img"); console.log($thisPawn); } $ClickedCells.on("click", pawnMove); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="board__cell--black"><img src="#" alt="lorem"></div> <div class="board__cell--black"><img src="#" alt="lorem1"></div> <div class="board__cell--black"><img src="#" alt="lorem2"></div> <div class="board__cell--black"><img src="#" alt="lorem3"></div> <div class="board__cell--black"><img src="#" alt="lorem4"></div> 

Answer 1

您需要這樣做：
當您執行$this = $(this)[0]; ，您將獲得未定義find的HTML元素。 您需要在$(this)上調用find（ $(this) 。 $(this)表示可使用find() jQuery元素。

const $ClickedCells = $(".board__cell--black");
function pawnMove() {
   //const $this = $(this)[0];//<---Comment out this line
   const $thisPawn = $(this).find("img");
   onsole.log($thisPawn[0].alt);
}
$ClickedCells.on("click", pawnMove);

Answer 2

這樣，您將獲取HTML元素，該元素沒有find方法，即jQuery方法：

const $this = $(this)[0]; // returns the HTML element

將該行更改為：

const $this = $(this); 

而且您的錯誤將消失。