下面的鏈接代碼基本上是我用 json 文件中的食譜成分填充表格。我希望能夠單擊單個(gè)成分并在下面的 div 上顯示描述。嘗試只針對(duì) td 元素而不使用類，嘗試將它們包裝在錨標(biāo)記中，并在創(chuàng)建每個(gè)單元格時(shí)單擊每個(gè)單元格來(lái)構(gòu)建 html，                if (data['drinks'][0]['strIngredient' + i] !== null) {                    $("#recipe").append($('<tr>'))                    $("#recipe").append($('<td class ="ingredient"></td>').html(data['drinks'][0]['strIngredient' + i]).val(data['drinks'][0]['strIngredient' + i]));                    $("#recipe").append($('<td></td>').html(data['drinks'][0]['strMeasure' + i]));                    $("#recipe").append($('</tr>'));                    i++;                } else iCheck = true;            }                 $(".ingredient").click(function () {                      console.log('fired')                  })<div id="drinkDescription">    <p id="name" name="name"></p>    <br>    <table id="recipe" name="recipe">    </table>    <br>    <p id="description" name="description">    </p></div>