Question

我有这个HTML：

<ul style="max-height: 400px;" class="dropdown-list-items current-list">
    <li class="dropdown-list-item unselectable  disabled " data-list-item-value="144" data-level-name="undefined" role="presentation">
        <span class="list-item-description text-ellipsis">1 Week</span>
    </li>
</ul>

我想在特定的title元素中添加li属性。我在li元素中的整个HTML中有许多ul个元素。我有这个javascript / jquery：

$('.dropdown-list-item.unselectable.disabled option[data-list-item-value="144"]').attr('title', 'testing titles');

但这似乎并没有起作用。当我直接向HTML添加title时，它会在鼠标悬停时显示。但是，我不想直接将title写入HTML。我的剧本是否格式错误或不正确？或者我错过了其他什么？

JSFiddle

Answer 1

试试这个

$('li[data-list-item-value="144"].dropdown-list-item.unselectable.disabled').attr('title', 'testing titles');

Example

在您的HTML中没有option标记

Answer 2

您使用了错误的选择器，

$('.dropdown-list-item.unselectable.disabled[data-list-item-value="144"]').attr('title', 'testing titles');

https://jsfiddle.net/43mz84uk/3/

您的选择器尝试在option内找到li，您必须拥有以下HTML：

<li class="dropdown-list-item unselectable disabled">
    <option data-list-item-value="144"><!-- << to this option you tried to set title -->
</li>

向li元素添加标题

2 个答案: