求写个for循环，两篇帖子分一起送了！

vanshion 2011-01-07 02:57:25

能帮写个循环吗,前台需要调用多个相同方法
<div class="nwj_conttab_1"></div> <ul id="nwj_ul_1"></ul>
<div class="nwj_conttab_2"></div> <ul id="nwj_ul_2"></ul>
<div class="nwj_conttab_3"></div> <ul id="nwj_ul_3"></ul>

JS部分我想变成这样



    $(".nwj_conttab_x").hide();

    $("ul#nwj_ul_x li:first").addClass("active").show();

    $(".nwj_conttab_x:first").show();

这是另外一贴，需求的效果是相同的，解决了一起给了!感激
http://topic.csdn.net/u/20110106/17/2ccc393e-2e3d-4fb8-bf61-cf7c16a8dc0a.html

...全文

417 29 打赏收藏转发到动态举报

写回复

用AI写文章

29 条回复

切换为时间正序

请发表友善的回复…

发表回复

vanshion 2011-01-10

打赏
举报

http://www.joomlask.com/joomla/front-end-development/item/168-base-on-jquery-tabs-slide-in-one-page.html

vanshion 2011-01-10

打赏
举报

大家好，已做成实例，提供下载！

http://www.joomlask.com/joomla/front-end-development/item/168-base-on-jquery-tabs-slide-in-one-page.html

chen870201 2011-01-08

打赏
举报

看起来很复杂啊

vanshion 2011-01-07

打赏
举报

其实说实话，我也是个半懂！！

在CJ的方法有个BUG，可能是因为我没贴全代码的原因，多个同时引用此方法的时候，虽然多个的jquery效果同时具有，但除了第一个内容默认显示外，其它首次进入的时候不显示

在他的基础上我做了些改动，加了个判断，希望能帮助其他人



	$("div[class*='nwj_conttab_']").each(function(i){

		if($(this).is(':visible')){ 									   

			$(this).next().hide();

			$("ul#nwj_ul_" +i+ " li:first").addClass("active").show();

			$(".nwj_conttab_" +i+ ":first").show();  

			}

		else{		

			$(this).next().toggle();

			$("ul#nwj_ul_" +i+ " li:first").addClass("active").show();

			}

vanshion 2011-01-07

打赏
举报

[Quote=引用 23 楼 hp2008001 的回复:]

引用 13 楼 cj205 的回复:

引用 9 楼 vanshion 的回复:

引用 6 楼 cj205 的回复:

别哭了。你先回答我你会js吗或者jQuery

会就不在这问了！
哦我懂了~~~
$("[class^=nwj_conttab_]").each(function(){
$(this).hide();
$(this).children().f……
[/Quote]

CJ哥是谁？就是帮我的那个人吗？？

hp2008001 2011-01-07

打赏
举报

[Quote=引用 13 楼 cj205 的回复:]

引用 9 楼 vanshion 的回复:

引用 6 楼 cj205 的回复:

别哭了。你先回答我你会js吗或者jQuery

会就不在这问了！
哦我懂了~~~
$("[class^=nwj_conttab_]").each(function(){
$(this).hide();
$(this).children().first().show();
……
[/Quote]
cj哥让我们新人想发展下的机会都少啊所到之处一分都没拿到过

vanshion 2011-01-07

打赏
举报

http://topic.csdn.net/u/20110106/17/2ccc393e-2e3d-4fb8-bf61-cf7c16a8dc0a.html

vanshion 2011-01-07

打赏
举报

[Quote=引用 15 楼 crazywa 的回复:]

JScript code

$("div[class*='nwj_conttab_']").each(function(i){
$(this).hide();
$("ul#nwj_ul_' + i + ' li:first").addClass("active").show();
$(".nwj_conttab_' + i + ':first").show();
})……
[/Quote]

同志们，只有这位朋友是对的，他解决了！！万分感激！请这位朋友到这篇帖子去回答一下，我好一并给分，也感谢其他朋友的鼎力相助！！
不过要改一下引号

$("div[class*='nwj_conttab_']").each(function(i){
$(this).hide();
$("ul#nwj_ul_" +i+ " li:first").addClass("active").show();
$(".nwj_conttab_" +i+ ":first").show();

Quinn2 2011-01-07

打赏
举报

刚刚激动说错话了，其实我也不懂。呵呵！都是学习。

vanshion 2011-01-07

打赏
举报

[Quote=引用 17 楼 hb_yanhu 的回复:]

外星来的程序员，html都不懂就搞程序。够狠！我算是见识了。
[/Quote]

大哥~~html玩的没问题~~程序不佳这是事实，干的就是切图的，只是JS太差！！我是地球来的，真的！

Crazywa 2011-01-07

打赏
举报

cj锅所到之处连分都没的蹭了。。。
又晚了。。。

Quinn2 2011-01-07

打赏
举报

外星来的程序员，html都不懂就搞程序。够狠！我算是见识了。

Mr-Jee 2011-01-07

打赏
举报

我这是jquery代码
你后台<div class="nwj_conttab_x"></div>没问题
在前台的时候我可以遍历

Crazywa 2011-01-07

打赏
举报



$("div[class*='nwj_conttab_']").each(function(i){

    $(this).hide();

    $("ul#nwj_ul_' + i + ' li:first").addClass("active").show();

    $(".nwj_conttab_' + i + ':first").show(); 

});

不知道是否可行。
从来了这个公司就没碰过jQ了，都忘干净了。

vanshion 2011-01-07

打赏
举报

[Quote=引用 13 楼 cj205 的回复:]

引用 9 楼 vanshion 的回复:

引用 6 楼 cj205 的回复:

别哭了。你先回答我你会js吗或者jQuery

会就不在这问了！
哦我懂了~~~
$("[class^=nwj_conttab_]").each(function(){
$(this).hide();
$(this).children().first().show();
……
[/Quote]

终于，终于你懂了！！这样后台写了，前台不需要再写JS调用吧？直接<div class=".."></div> ?

我试试去！感激

Mr-Jee 2011-01-07

打赏
举报

[Quote=引用 9 楼 vanshion 的回复:]

引用 6 楼 cj205 的回复:

别哭了。你先回答我你会js吗或者jQuery

会就不在这问了！
[/Quote]哦我懂了~~~
$("[class^=nwj_conttab_]").each(function(){
$(this).hide();
$(this).children().first().show();
});
$("[id^=nwj_ul_]").children().first().addClass("active").show();

vanshion 2011-01-07

打赏
举报

[Quote=引用 10 楼 hb_yanhu 的回复:]

哦，你要自动循环添加100div，没个div上添加样式nwj_conttab_1。。。。nwj_conttab_100 这个意思？
[/Quote]

大哥，对~~就是要这样！！但DIV那边不要循环~~DIV这边由我想用几个就用几个，我可能只要用5个

Quinn2 2011-01-07