Question

<li class="active">Votes - Most
    <ul id="sortType" title="<%=votesHigh %>">
        <li style="cursor:pointer;" value="<%=votesHigh %>">Votes - Most</li>
        <li style="cursor:pointer;" value="<%=votesLow %>">Votes - Least</li>
    </ul>
</li>

现在，当我选择其中一个时，我想设置父<li>的文本。这有效，但也会删除所有孩子。

这是我的代码：

$('li > ul > li').click(function(){
        var val = $(this).attr('value');
        $(this).parent().attr('title', val);
        $(this).parent().parent().text($(this).text());
    });

Answer 1

在一个范围内封装“投票 - 最多”：

<li class="active"><span>Votes - Most</span>
    <ul id="sortType" title="<%=votesHigh %>">
        <li style="cursor:pointer;" value="<%=votesHigh %>">Votes - Most</li>
        <li style="cursor:pointer;" value="<%=votesLow %>">Votes - Least</li>
    </ul>
</li>

...并以跨度为目标。类似的东西：

$(this).parent().closest("li").find("span:first").text($(this).text());

设置文本摆脱了孩子 - Jquery

1 个答案: