Question

请帮助，我无法获取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>

我试过这个，但不起作用：

var dl = $('#tabla_costo dl').find('dd.code').first().html();
console.log(dl);

但我未定义

这是我的jsfiddle：

https://jsfiddle.net/n96fvaoe/3/（已更新）

Answer 1

这是因为您的<table>没有行或单元格，因此它不是有效的DOM结构。

如果您更改<table>以使其内容位于单元格中：

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

一切正常。

Answer 2

根据@RichieHindle的回答，这里唯一可行的解决方案如下。

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

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

2 个答案: