Javascript在href中工作，但不在JS文件中工作

希望大家都好。嗯，我有一个奇怪的问题，一些我遗漏或无法理解的东西。希望这里的任何人都能帮助我。好了

我有一个html页面，其中定义了一个表，其中包含一些硬编码值，如下所示

<table id='data-table' class='someClass'>
    <thead>
        <tr>
            <th id="name-title">NAME</th>
        </tr>
    </thead>
    <tbody>
        <tr class="odd"><th class='c1'>Zachary Quinto</th></tr>
        <tr class="even"><th class='c1'>Penny</th></tr>
        <tr class="odd"><th class='c1'>Glen McGrath</th></tr>
    </tbody>
</table>

出于某种原因，这不起作用，它通过这个函数，我没有看到任何变化/效果。然而，令我惊讶的是，如果在将数据封装到标记中时，它似乎起了作用。所谓封装，我指的是下面这样的东西

<tr class="odd"><th class='c1'><a href="javascript:someFunc.showData('data-table', 1);">Zachary Quinto</a></th></tr>
<tr class="even"><th class='c1'><a href="javascript:someFunc.showData('data-table', 2);">Penny</a></th></tr>
<tr class="odd"><th class='c1'><a href="javascript:someFunc.showData('data-table', 3);">Glen McGrath</a></th></tr>

谁能帮我一下吗，我不确定我在Javascript文件中做错了什么，因为Javascript文件不允许我这么做。这有点奇怪，因为我认为两者在某种程度上都是同一个意思

非常感谢您抽出时间

jQuery函数返回所有匹配元素的组合文本。在您的例子中，有三个th.c1匹配，因此文本函数返回Zachary QuintoPennyGlen McGrath

---

您可以通过在调试器中的事件处理程序上抛出断点来看到这一点。

因为您的脚本有问题。 你应该这样写：

"use strict"; $('#data-table').on("click", "th", function(e) { e.preventDefault(); var value = $(this).text(); if(value == "Zachary Quinto") someFunc.showData('data-table', 1); });

---

您是否尝试这样选择：$data table tr$数据表tr.onclick，函数{….}； "use strict"; $('#data-table').on("click", "th", function(e) { e.preventDefault(); var value = $(this).text(); if(value == "Zachary Quinto") someFunc.showData('data-table', 1); });