php - 将事件分配给动态元素

Question

我正在尝试制作一个数字网格，当用户单击一个字段时，它会显示所选的数字。但是当我尝试访问所选项目时，找不到如何访问元素的值。

$(document).on('click','[id^="item"]',()=>{
    console.log($(this).prop('id'))//return undefined
    let identidad=$(this)
    console.log(identidad)//return a window element
})

我也尝试过这个..

$(document).ready(()=>{

	$('.item').click(()=>{
		console.log($(this).attr('data-value'))//return undefined
    console.log($(this).val())//return Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    console.log($(this).attr('value')//return undefined
	})

});

    echo "
  <div id='grid'>
        <table>
            ";
            echo "<tr>";
                for ($i=1; $i <=500; $i++) { 
                echo "
                <td class='item active' id='item".$i."' value='".$i."'>".str_pad($i, 3, "0", STR_PAD_LEFT)."</td>   
                ";
                if ($i%10==0 || $i==0)  {
            echo "</tr><tr>";
            }
        }
        echo "  
    </table>        
</div>";

我正在开始编码，所以我很高兴有任何评论或建议......

Answer 1

从 jQuery 3.0 开始，.delegate() 已被弃用。自 jQuery 1.7 起，它被 .on() 方法取代，因此不鼓励使用它。

$("table").on( ".item", "click",()=>{
        //...
})