Jquery 在DOM中查找属性为treeid的第一个span元素

在DOM中查找属性为treeid的第一个span元素。 我想使用li id=TreeView\u tv\u active从span获取第一个treeid=1值

<li aria-selected="true" data-uid="6d675448-979b-440f-9543-ec65778424b1" class="k-item k-last" role="treeitem" data-expanded="true" aria-expanded="true" id="TreeView_tv_active">
<div class="k-bot">
    <span role="presentation" class="k-icon k-minus"></span>
    <span class="k-state-selected k-in">
        <span treetext="Vegetables" treeid="1" class="enabled">abc</span>
    </span>
</div>
<ul role="group" class="k-group" style="display: block;">
    <li aria-selected="false " data-uid="1d297781-e53c-4e2e-8d10-8837f82e854f" class="k-item" role="treeitem">
        <div class="k-top">
            <span class="k-in">
                <span treetext="Cauliflowers and broccoli" treeid="2" class="enabled">xyz</span>
            </span>
        </div>
    </li>
    <li aria-selected="false " data-uid="86202caa-0997-4a37-8b21-d2f44ef4e63c" class="k-item" role="treeitem">
        <div class="k-mid">
            <span class="k-in">
                <span treetext="Maize" treeid="3" class="enabled">lmn</span>
            </span>
        </div>
    </li>
</ul>

---

您的方法存在一些问题

treeid属性不好。将其更改为数据树ID并进行检查。 要获取该案例中的第一个匹配项，可以使用以下代码。 代码

上面的代码将获取第一个匹配的元素，它只匹配属性为treeid的元素。

正如Praveen所建议的，您应该在非标准属性上使用标准数据前缀，但是代码仍然可以使用所示的HTML：

var id = $('#TreeView_tv_active [treeid]:first').attr('treeid');

---

JSFiddle:

谢谢Praveen，由KendoTreeView创建的树ID这正是我想要的。多谢

var id = $('#TreeView_tv_active [treeid]:first').attr('treeid');