jquery - 在 jquery 元素选择器中选择一个元素

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');