Question

我有一个div

   <div id="dialog-confirm-error-validating-choices" title="Pop up">
        <p><span class="floatLeft"></span>
        <p id="error-message"></p></p>
    </div>

我用jQuery选择并将其放入变量

var messageDialog = $('#dialog-confirm-error-validating-choices');

我想在此变量

中设置元素的内部html

messageDialog.filter('#error - message').innerhtml("Hello");

这是怎么做的？可以吗？

Answer 1

试试这个：

var $messageDialog = $('#dialog-confirm-error-validating-choices');
$messageDialog.find('#error-message').html("Hello");
// alternative: $('#error-message', $messageDialog).html("Hello");

请注意，innerHtml是更改普通javascript元素的HTML的方法，而对于jQuery对象，您需要使用html()方法。此外，约定是为包含jQuery对象的变量添加前缀$。

Answer 2

试试这个。

$('#error-message').html("Hello")

请注意，函数html设置了html

另请注意，我更新了您的查询，以匹配元素的ID

Answer 3

考虑到您要选择的元素具有唯一ID，最有效的选择器将是其ID：

  $('#error-message').html('hello');

选择jquery元素选择器内的元素

3 个答案: