jquery如何获取同一个div下3个span的值

在 jQuery 中，我们可以使用 `.find()` 方法来查找 div 容器中的 span 元素。例如，如果我们想要获取 div 容器中的 3 个 span 元素，可以使用以下代码：

```

$(function() {

// 获取 div 容器中的 span 元素

var titles = $(this).find("span").filter(":first").text();

var titles1 = $(this).find("span").filter(":second").text();

var titles2 = $(this).find("span").filter(":third").text();

// 输出结果

console.log("标题1:", titles);

console.log("标题2:", titles1);

console.log("标题3:", titles2);

});

```

在这个例子中，我们首先使用 `$(this)` 方法来获取 div 元素。然后，我们使用 `find()` 方法来查找 div 容器中的 span 元素。我们使用 `filter()` 方法来获取 span 元素，并选择第一个、第二个和第三个元素。最后，我们使用 `text()` 方法来获取这些 span 元素的值，并将它们输出到控制台中。

如果我们想要获取 div 容器中的多个 span 元素，而不是 3 个，可以使用 `.find()` 方法来查找 div 容器中的多个 span 元素。例如，如果我们想要获取 div 容器中的 4 个 span 元素，可以使用以下代码：

```

$(function() {

// 获取 div 容器中的 span 元素

var titles = $(this).find("span").filter(":first").text();

var titles1 = $(this).find("span").filter(":second").text();

var titles2 = $(this).find("span").filter(":third").text();

var titles3 = $(this).find("span").filter(": forth").text();

// 输出结果

console.log("标题1:", titles);

console.log("标题2:", titles1);

console.log("标题3:", titles2);

console.log("标题4:", titles3);

});

```

在这个例子中，我们首先使用 `$(this)` 方法来获取 div 元素。然后，我们使用 `find()` 方法来查找 div 容器中的多个 span 元素。我们使用 `filter()` 方法来获取 span 元素，并选择第一个、第二个、第三个和第四个元素。最后，我们使用 `text()` 方法来获取这些 span 元素的值，并将它们输出到控制台中。

总结起来，使用 jQuery 的 `$(selector)` 方法，我们可以轻松地获取 div 容器中的多个 span 元素，并获取它们的值。