无法从动态创建的隐藏输入字段中获取价值

Question

我得到了一个在ajax调用后动态添加到页面上的元素，该元素在其中具有隐藏的输入字段：

<div id='added_title'>
<b>Title</b> 
<input type='hidden' id='title_n' name='title_n' value='TITLE_NAME'/>
</div>

在ajax调用之后，我需要获取输入字段值以在另一个div中显示它，但是没有任何事件或单击，就在ajax调用完成之后。

我试过了：

$("input[name='title_n']").val();
$("input[id='title_n']").val();
$("#title_n").val()
$("#added_title input[name='title_n']").val();

我也尝试使用如下数据属性：

<div id='added_title' data-title = 'TITLE_NAME'>
    <b>Title</b> 
    </div>

通过以下方式访问数据：

$('#added_title').data('title');

但是我总是得到“未定义”的值。

有什么建议吗？

编辑

Ajax呼叫：

$.ajax({
    type: 'POST',
    url: '/tools/get_title.php',
    data:  { title: title},
        success: function (response) {
            $("#title_div").html(response);
        }
});

其中，“ title_div”是“ parented_title”父级的ID。

Answer 1

$("#title_n").val()是获得所追求的价值的最快，最简单的方法。

您上面的代码的问题在于，将触发$.ajax调用，然后代码继续执行，包括对隐藏输入的调用。

然后$.ajax调用完成并触发成功事件，该事件将所述元素放在页面上。

在$ .ajax调用完成之前，您不能对隐藏元素进行任何操作，因此您应该让代码在$.ajax调用success函数中调用的函数中处理该元素。