Javascript 无法使用jQuery获取dd元素的HTML值

请帮助，我无法获取dd元素的html值

这是我的代码：

<table id="tabla_costo">
    <h2>
       Costo de Producción
    </h2>
    <dl>
        <dt>Codigo></dt>
        <dd class="code">
            &nbsp;
        </dd>
        <dt>Codigo Secundario></dt>
        <dd class="code2">
            &nbsp;
        </dd>
        <dt>Producto</dt>
        <dd class="name">
            &nbsp;
        </dd>
        <dt>Cantidad</dt>
        <dd class="quantity">
            &nbsp;
        </dd>
        <dt>Costo</dt>
        <dd class="cost">
            &nbsp;
        </dd>
    </dl>
</table>

但我正在变得不确定

这是我的JSFIDLE：

---

（已更新）

这是因为您的

没有行或单元格，因此它不是有效的DOM结构

如果更改

，使其内容位于单元格中：

<table id="tabla_costo">
<tr><td>
...content...
</td></tr>
</table>

…内容。。。

---

这一切都很好。

根据@RichieHindle的答案，这里唯一可行的解决方案是以下内容

var dl = $('dl').html();

---

代码中只有一个

dd.code

，因此使用

first（）

是无用的。从代码中删除

.first（）

部分，它应该可以正常工作。php脚本在JS Fiddle或JavaScript问题中没有位置（大多数情况下）；请发布由该脚本生成的（最小/）HTML，并将该HTML包含在您的问题中，并更新链接的演示。请不要把你的问题退回到更难阅读的版本。编辑的目的是帮助您获得答案，我想这是您喜欢的结果？我仍然没有定义，请将所有相关信息直接放在问题中，这样就不依赖于非现场资源。“寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误，以及在问题本身中重现这些问题所需的最短代码。”@Servani:这绝对没有什么区别。

var dl = $('dl').html();