Jquery循环截取字符串的方法(多出的字符串处理成”…”)

在jQuery中，我们可以使用.each()方法进行循环，对字符串进行截取则可以使用.substr()方法，将多余的字符串处理成"..."则可以使用.slice()方法，下面是完整的攻略：

1. 使用.each()方法进行循环

在jQuery中，我们可以使用.each()方法遍历数组或对象。该方法会遍历每个元素并对其进行操作，其中第一个参数为回调函数，可以接收两个参数，第一个为索引，第二个为元素本身。

$.each(array, function(index, element) {
  // 执行对元素的操作
});

2. 使用.substr()方法进行截取

在JavaScript中，我们可以使用.substr()方法获取字符串的子串，需要传入两个参数，第一个为起始位置，第二个为截取的长度。

var str = "hello world";
str.substr(0, 5); // 结果为 "hello"

3. 使用.slice()方法处理多余字符串

在JavaScript中，我们可以使用.slice()方法将字符串截成两段并加上"..."，需要传入两个参数，第一个为起始位置，第二个为截取的长度。

var str = "hello world";
str.slice(0, 5) + "..."; // 结果为 "hello..."

4. 完整示例1：遍历多个字符串并截取

以下示例演示了如何遍历多个字符串并截取。

var strings = ["hello world", "good morning", "nice to meet you"];

$.each(strings, function(index, element) {
  var subStr = element.substr(0, 6) + "...";
  console.log(subStr);
});

输出结果为：

hello ...
good m...
nice t...

5. 完整示例2：遍历单个字符串中的多个子串并截取

以下示例演示了如何遍历单个字符串中的多个子串并同时截取。

var str = "Hello, welcome to my website";

var substrings = ["welcome", "website"];

$.each(substrings, function(index, element) {
  var startPos = str.indexOf(element);
  var subStr = str.slice(startPos, startPos + 10) + "...";
  console.log(subStr);
});

输出结果为：

welcome to...
website

通过以上两个示例，我们就可以实现循环截取字符串的功能，并将多余字符串处理成"..."。