这里是实现以个输入对应的页码就跳转,没有或者为字符情况下弹出不存在对应页面

这里难点就是有currentPage的class属性的截取

$(document).on("click", ".turninto", function() {
var txt = $("#main_body").find(".input-txt").val();
var str = "";
$("#main_body").find(".pager a").each(function() {
if (!$(this).hasClass("currentPage")) {
var id = $(this).attr("class"),
st = "",
str2 = "",
name = "";
str2 = id.substring(5) + ","; //对没有currentPage的class属性值进行操作
var classname = $("#main_body").find(".currentPage").attr("class"); //对有currentPage的class属性单独操作
var classname2 = classname.split(" "); //因为classname值为 page_1 currentPage这种形式,先分割成数组
name = classname2[0].substring(5); //再对索引为0的数组进行截取5以后的字符
str += str2 + name + ","; //组装字符串,不需要考虑重复值,要优化的就是去重复值
}
}); if (str.indexOf(txt) > 0) { //通过str.indexOf(txt)>0,判断str中是否有txt字符串;
if (txt != "") {
var url = fn;
var num = $("#main_body").find(".currentPage").attr("class");
var number = num.split(" ");
num = number[0].substring(5); //当前页的num;
$(".page_" + num).removeClass("currentPage");
$(".page_" + txt).addClass("currentPage");
$.ajax({
url: url,
type: "get",
dataType: "JSON",
error: function() {
alert("error");
},
success: function(data) {
loadPage(data, txt);
}
});
}
} else {
alert("不包含当前页");
}
}); // 对class属性名字中有currentPage和没有currentPage的分开切割字符串然后组装,

当class有多个class属性时截取操作的更多相关文章

  1. block作为类的属性时用copy

    1. block作为类的属性时用copy Block属性的声明,首先需要用copy修饰符,因为只有copy后的Block才会在堆中,栈中的Block的生命周期是和栈绑定的 <栈 :由系统维护的局 ...

  2. zepto在操作dom的selected和checked属性时尽量使用prop方法

    zepto在操作dom的selected和checked属性时尽量使用prop方法.

  3. html5 video使用autoplay属性时,声音混乱

    html5 video使用autoplay属性时,声音混乱 页面代码 Index.html <html xmlns="http://www.w3.org/1999/xhtml" ...

  4. 当调用对象中不存的方法、属性时,__getattr__的应用场景

    一.Python中创建类和实例的调用顺序 new(cls) 创建对象前调用,如果类中没定义,会一直向父类找,直到object的 new 方法创建类.cls代表类本身 init(self) 创建类实例后 ...

  5. 解决使用JPA时对象在set属性时更新了数据库问题

    https://www.jianshu.com/p/1100814ff54f 之前也遇到过一次这个问题,打印的日志中也可以看见update相关的sql语句,但当时不知道为什么会去自动更新,就用了别的方 ...

  6. Java ——日期时间 日期时间相关类 随机数 定义类属性时建议使用引用数据类型

    本节重点思维导图 Date对象创建 两个构造函数: Date() ----使用当前日期和时间来初始化对象 Date(long millisec) -----接收一个参数,该参数是从1970年1月1日起 ...

  7. BeanUtils.copyProperties()拷贝属性时,忽略空值

    把source的属性值复制给target的相同属性上,注意:双方需要复制的属性要有get.set方法 BeanUtils.copyProperties(source, target, PublicUt ...

  8. 解决ios下部分手机在input设置为readonly属性时,依然显示光标

    解决ios下部分手机在input设置为readonly属性时,依然显示光标 在出现如上所说的问题是尝试给input 加上  onfocus="this.blur()"  方法 添加 ...

  9. 130、Java面向对象之static关键字二(在没有实例化对象产生时直接操作static属性)

    01.代码如下: package TIANPAN; class Book { // 描述的是同一个出版社的信息 private String title; // 普通属性 private double ...

随机推荐

  1. NX二次开发-Block UI C++界面Enumeration(枚举)控件的获取(持续补充)

    NX9+VS2012 public: void SetBlockUIShow(); void EnumInt::SetBlockUIShow() { //获取枚举控件 PropertyList* En ...

  2. js和php语法区别

    参考 : https://www.wangjingxian.cn/php/51.html

  3. js设计模式——4.迭代器模式

    js设计模式——4.迭代器模式 代码演示 /*js设计模式——迭代器模式*/ class Iterator { constructor(container) { this.list = contain ...

  4. 24、echarts做报表

    1.今天就来讲一讲echarts的使用 使用步骤 (1)首先需要下载包echarts.js,然后引入该包, <!DOCTYPE html> <html> <header& ...

  5. linux get current thread count and system threads limit

    get current thread count grep -s '^Threads' /proc/[0-9]*/status | awk '{ sum += $2; } END { print su ...

  6. error C1010: 在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include "stdafx.h"”?

    解决方案: 属性>预编译头>不使用预编译头>应用

  7. 解压lzma格式的img文件报“Filename has an unknown suffix, skipping”怎么办

    1 确认img文件是什么压缩格式 file 文件名 2 报标题错误怎么办? mv initrd.img initrd.img.xz xz -d initrd.img.xz cpio -ivd < ...

  8. 记一次批量修改SQLServer表数据

    前提: 1.数据有上百万条,分成10几张excel表,从数据库中导出,由业务部门修改: 2.数据没什么规律: 3.和数据库DB商量后决定先把从excel导进数据库中,再通过关联查询修改数据 将 Exc ...

  9. maven管理工具配置

    1.登录maven.apache.org,下载maven.,选择apache-maven-3.6.2-bin.zip,并解压到所需目录. 2.进行环境配置,计算机右击--属性---高级系统配置---环 ...

  10. jetson nano VNC

    寻找比较好的远程桌面方式,最新系统里有写. ======================================================================= README ...