在复选框选择和.html（）值上添加标题标记

Question

我需要在选中复选框时突出显示“标题”及其文字......

我写了下面的jquery来做，但它似乎没有起作用。

              $('.ddcl-ddlPresentingIssue').closest('.ui-dropdownchecklist-text').html('Hello');
              $('.ddcl-ddlPresentingIssue').closest('.ui-dropdownchecklist-text').attr("title", 'Helo');

但它没有在html和title标签中设置值..然后我用这种方式尝试了相同的..

$('.ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').html('Hello');
$('.ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').attr("title", 'Helo');

即使它仍然无法正常工作。我想知道这里会出现什么问题。

Answer 1

阅读选择器。在Jquery＃中用于ids

因此选择器变为

$('#ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').html('Hello').attr('title','Helo');

Answer 2

在第二次尝试中，您需要#代替. -

$('#ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').html('Hello');

由于ddcl-ddlPresentingIssue是ID

---

如果您使用find()代替closest()和#代替.

，那么您的第一个示例将有效

$('#ddcl-ddlPresentingIssue').find('.ui-dropdownchecklist-text').html('Hello');

Answer 3

使用#ddcl-ddlPresentingIssue，因为它是ID，如图所示。

对id选择器使用#，为类选择器使用.。

 $('#ddcl-ddlPresentingIssue').closest('.ui-dropdownchecklist-text').html('Hello');

Answer 4

您使用了错误的选择器：ddcl-ddlPresentingIssue是范围上的ID。

在jQuery和CSS中，您使用#表示ID，.表示类。

$('#ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').html('Hello');
$('#ddcl-ddlPresentingIssue .ui-dropdownchecklist-text').attr("title", 'Helo');