How to find the span text Achievements, QA , Dept having parent span Talk using Jquery.
im должен генерировать динамический html, как показано ниже, с разным текстом родительского диапазона и сохранять значения li> 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>
Вот как вы можете сами выбирать промежутки. Я предполагаю, говоря, что у вас "родительский диапазон разговора", что вы хотите пересечь дерево из этой начальной точки. Вот что я придумал:
jQuery('.chntxt').on('click', function(){
jQuery(this).nextAll().find('span').css('border', '1px solid red');
});
.Css() - это просто показать, что выбрано. Вы можете изменить это на.text() и использовать.each(), чтобы хранить их все как переменные или в массиве или что-то в этом роде.
Чтобы использовать jQuery для поиска объектов, вы можете использовать jQuery.find()
$ ("span").parent(). find ("li").css("background-color", "red");