Javascript 如何将选择器id复制到li选择器类中?
JS HTMLJavascript 如何将选择器id复制到li选择器类中?,javascript,jquery,Javascript,Jquery,JS HTML id\u 2\u class\u 385 id_2_类_386 id_2_类_387 id_2_类_388 一, 二, 三, 四, 五, 以上是我当前的代码,如何使用jquery将选择器id传输到另一个元素的类中 结果应该如下所示 <div id="id_2_class_385">id_2_class_385</div> <div id="id_2_class_386">id_2_class_386</div> <div
id\u 2\u class\u 385
id_2_类_386
id_2_类_387
id_2_类_388
- 一,
- 二,
- 三,
- 四,
- 五,
以上是我当前的代码,如何使用jquery将选择器id传输到另一个元素的类中
结果应该如下所示
<div id="id_2_class_385">id_2_class_385</div>
<div id="id_2_class_386">id_2_class_386</div>
<div id="id_2_class_387">id_2_class_387</div>
<div id="id_2_class_388">id_2_class_388</div>
<ul class="flex-control-nav flex-control-paging">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
id\u 2\u class\u 385
id_2_类_386
id_2_类_387
id_2_类_388
- 1
- 2
- 3
- 4
- 5
您已经有了ID,只需将它们添加到列表项中,如下所示
<div id="id_2_class_385">id_2_class_385</div>
<div id="id_2_class_386">id_2_class_386</div>
<div id="id_2_class_387">id_2_class_387</div>
<div id="id_2_class_388">id_2_class_388</div>
<ul class="flex-control-nav flex-control-paging">
<li class="id_2_class_385">1</li>
<li class="id_2_class_386">2</li>
<li class="id_2_class_387">3</li>
<li class="id_2_class_388">4</li>
<li class="id_2_class_389">5</li>
</ul>
基本上只需检查每个li并添加类在这里:
这将遍历每一个,并创建一个
,因此不管您有多少个。它动态地创建
$(document).ready(function () {
groups = $('[id^=id_2_class_]');
groups.each(function (index) {
inputs = $(this).attr('id');
$('.flex-control-nav').find('li').eq(index).addClass(inputs);
});
});
$(函数(){
$('[id^=id_2_class_]')。每个(函数(){
$('ul.flex-control-nav.flex-control-paging').append(“”;
});
});
问题不清楚您想做什么,fiddle会帮上很大的忙。lis被重新生成,但Ranikumar只想复制ID
$(document).ready(function () {
groups = $('[id^=id_2_class_]');
groups.each(function (index) {
inputs = $(this).attr('id');
$('.flex-control-nav').find('li').eq(index).addClass(inputs);
});
});
$(function(){
$('[id^=id_2_class_]').each(function(){
$('ul.flex-control-nav.flex-control-paging').append("<li id='"+this.id+"'></li>");
});
});