Question

How to find the span text Achievements, QA , Dept having parent span Talk using Jquery.

我应该使用不同的父级跨文本生成如下所示的动态html，并将li＆gt; span值保存在数据库中

<span class="chntxt">Talk(parent)</span>

<div title="" class="elemenaryschool_chn chzn-container chzn-container-multi">

<ul class="chzn-choices">

<li seq="1" subseq="1" id="58" class="search-choice">
<span>Achievements</span>
<a rel="3" class="search-choice-close" href="javascript:void(0)"></a></li>

<li seq="1" subseq="2" id="59" class="search-choice">
<span>QA</span> 
<a rel="3" class="search-choice-close" href="javascript:void(0)"></a></li>

<li seq="1" subseq="3" id="60" class="search-choice">
<span>Dept</span> 
<a rel="3" class="search-choice-close" href="javascript:void(0)"></a></li>

<li class="search-field"><span contenteditable="true" style="width: 25px;"></span></li>

</ul></div>

Answer 1

以下是如何选择跨度的方法。我假设您要“父母跨度谈话”，您想要从该起点遍历树。这就是我想出的：

jQuery('.chntxt').on('click', function(){
    jQuery(this).nextAll().find('span').css('border', '1px solid red');
});

.css（）只是为了显示正在选择的内容。您可以将其更改为.text（）并使用.each（）将它们全部存储为变量或数组或其他内容。

Answer 2

为了使用jQuery查找对象，可以使用jQuery.find（）

http://api.jquery.com/find/

$（“span”）。parent（）。find（“li”）。css（“background-color”，“red”）;

Jquery找到元素

2 个答案: