Question

我有以下代码：

var row =  "<div class="camera_rec_mode" style="text-align: center;"><img class="img_state center" title="Recording Always" src="/static_media/img/rec_always_.png" alt="1"><div class="rec_state_edit" style="text-align: center;padding-top:10px;"><img class="state_dropdown" src="/static_media/img/dropdown.png" width="23/"></div></div>"

我想要做的是在此HTML中添加一个元素来存储值，然后读取该值。我通过添加以下内容尝试了这个：

<input type="hidden" name="isPtz" id="isPtz" value="true">

所以它变成了：

var row =  "<div class="camera_rec_mode" style="text-align: center;"><input type="hidden" name="isPtz" id="isPtz" value="true"><img class="img_state center" title="Recording Always" src="/static_media/img/rec_always_.png" alt="1"><div class="rec_state_edit" style="text-align: center;padding-top:10px;"><img class="state_dropdown" src="/static_media/img/dropdown.png" width="23/"></div></div>"

然后做

var isPtz = $('.isPtz', row);

但在Chrome调试器中，这给出了： e.fn.e.init [0]基本上是空的。

如何添加然后从此HTML中提取元素值？

Answer 1

js：

var newitem = '<input type="hidden" name="isPtz" id="isPtz" value="true">';
$('.camera_rec_mode').prepend(newitem);

Answer 2

选择它后，您需要访问它的值属性

var isPtz = $("#isPtz", row);
var value = isPtz.prop("value");

我已经使用了像Andreas建议选择它的ID。

Answer 3

您使用的是ID，而不是类，因此您的选择器应该有#isPtz，而不是.isPtz

另外，如果你想将这个html添加到DOM中，听起来你想使用append或类似的东西，即

$('#isPtz').append(row);

我不知道你想如何添加HTML，你的情况和你的目标 - 你的帖子的措辞充其量是模糊的。

将元素添加到HTML并使用jquery读取它

3 个答案: