jQuery 在子 div 中获取值

Question

我需要获取子 div 的文本值。

<div id='first'>
    <div id='first_child'>A</div>
    <div id='second_child'>B</div>
    <div id='third_child'>C</div>
</div>

我正在尝试获取值 B。我目前正在尝试此操作，但它不起作用，

var text_val = $('#first').next('#second_child').val();

Answer 1

您想要使用 children() 和 text() 而不是 val()。不过，由于您选择的内容有一个 id(并且 ids 必须是唯一的)，因此您也可以简单地根据 id 进行选择，而根本不涉及容器元素。

val() 方法仅适用于输入元素、文本区域和选择——基本上所有包含数据的表单元素。要获取容器的文本内容，您需要使用 text() (或 html()，如果您还想要标记)。

var text_val = $('#second_child').text(); //preferred

或

var text_val = $('#first').children('#second_child').text(); // yours, corrected