Jquery ReferenceError:未定义SearchedProduct

JsFiddle：

Html

问题：点击kaffe显示：ReferenceError:未定义SearchedProduct

我遗漏了什么吗？

试试这把更新过的小提琴：

---

您必须在head标记中插入javascript代码，它才能正常工作

函数SearchedProductelement{ 调试器； var id=$element.attr'data-id'； var name=$element.attr'data-name'； var price=$element.attr'data-price'； var EmployeeID=$element.attr'data-EmployeeID'； console.logid； } 产品 卡夫 1. 1.

---

问题是您正在重写作为参数传递给函数的id变量的值

function SearchedProduct(id) {
                         ^^
    var id = $(id).attr('data-id');
        ^^

对于后续语句，id是一个字符串。因此，$id不会选择任何匹配的元素

函数搜索产品{ 变量id=$el.attr'data-id'； var name=$el.attr'data-name'； var价格=$el.attr‘数据价格’； var EmployeeID=$el.attr'data-EmployeeID'； console.logid、名称、价格、员工ID； } 产品 卡夫 1. 1.

---

您可以选中此处，将javascript代码放入标记中。也许它能解决你的问题@Pankajin包括jQuery插件，让它在您的小提琴中运行@图沙尔

function SearchedProduct(id) {
    debugger;
    var id = $(id).attr('data-id');
    var name = $(id).attr('data-name');
    var price = $(id).attr('data-price');
    var EmployeeID = $(id).attr('data-EmployeeID');
}

<table style="width:100%;">
    <tbody>
        <tr style="background-color: #d3d3d3;">
            <td>PRODUCTS</td>
            <td></td>
        </tr>
        <tr class="search-reslut-pro" style="cursor: pointer;" data-employeeid="22" data-id="1" data-name="kaffe" data-price="1">
            <td>
                <div>kaffe</div>
                <div>1</div>
            </td>
            <td>1</td>
        </tr>
    </tbody>
</table>

$(".search-reslut-pro").click(function(){
    SearchedProduct(this);
});

function SearchedProduct(id) {
debugger;
    var id = $(id).attr('data-id');
    var name = $(id).attr('data-name');
    var price = $(id).attr('data-price');
    var EmployeeID = $(id).attr('data-EmployeeID');

    alert(id);
}

function SearchedProduct(id) {
                         ^^
    var id = $(id).attr('data-id');
        ^^