Jquery CSS转换：控制其他div

我有一个CSS转换，可以在悬停时增加元素的大小，但我也希望它可以控制相应的文本。我需要使用jQuery吗？我尝试了

+{}

符号，但没有成功

废话废话
废话废话
废话废话

如您所述，可以使用

+

选择器符号来控制连续的兄弟姐妹

如果重新排列HTML，使其看起来像这样：

 <div class="container circle-container circle-1">
     <i class="icon-star" style="font-size: 60px"></i>
 </div>
 <div class="col-xs-3 glyph-title-container glyph-title-container-1">
     Real Food. Real Weightloss.
 </div>

---

如您所述，可以使用

+

选择器符号来控制连续同级

如果重新排列HTML，使其看起来像这样：

 <div class="container circle-container circle-1">
     <i class="icon-star" style="font-size: 60px"></i>
 </div>
 <div class="col-xs-3 glyph-title-container glyph-title-container-1">
     Real Food. Real Weightloss.
 </div>

---

如您所述，可以使用

+

选择器符号来控制连续同级

如果重新排列HTML，使其看起来像这样：

 <div class="container circle-container circle-1">
     <i class="icon-star" style="font-size: 60px"></i>
 </div>
 <div class="col-xs-3 glyph-title-container glyph-title-container-1">
     Real Food. Real Weightloss.
 </div>

---

如您所述，可以使用

+

选择器符号来控制连续同级

如果重新排列HTML，使其看起来像这样：

 <div class="container circle-container circle-1">
     <i class="icon-star" style="font-size: 60px"></i>
 </div>
 <div class="col-xs-3 glyph-title-container glyph-title-container-1">
     Real Food. Real Weightloss.
 </div>

试试这个

JS

CSS

试试这个

JS

CSS

试试这个

JS

CSS

试试这个

JS

CSS

---

我认为jQuery将使它变得更容易。（天哪，我很久没写jQuery了…）

这里是最新的

只需将以下代码添加到JavaScript代码中：

$('.circle-container').hover(function () {
  i = $(this).index() - 1;
  $($('.glyph-title-row div')[i])
    .css('color', 'blue');
}, function () {
  $($('.glyph-title-row div')[i])
    .css('color', 'black');
});

---

我认为jQuery将使它变得更容易。（天哪，我很久没写jQuery了…）

这里是最新的

只需将以下代码添加到JavaScript代码中：

$('.circle-container').hover(function () {
  i = $(this).index() - 1;
  $($('.glyph-title-row div')[i])
    .css('color', 'blue');
}, function () {
  $($('.glyph-title-row div')[i])
    .css('color', 'black');
});

---

我认为jQuery将使它变得更容易。（天哪，我很久没写jQuery了…）

这里是最新的

只需将以下代码添加到JavaScript代码中：

$('.circle-container').hover(function () {
  i = $(this).index() - 1;
  $($('.glyph-title-row div')[i])
    .css('color', 'blue');
}, function () {
  $($('.glyph-title-row div')[i])
    .css('color', 'black');
});

---

我认为jQuery将使它变得更容易。（天哪，我很久没写jQuery了…）

这里是最新的

只需将以下代码添加到JavaScript代码中：

$('.circle-container').hover(function () {
  i = $(this).index() - 1;
  $($('.glyph-title-row div')[i])
    .css('color', 'blue');
}, function () {
  $($('.glyph-title-row div')[i])
    .css('color', 'black');
});

---

请添加一段

css

和

html

，以便我们更好地了解它必须应用的结构。图片上方的文本是对应的文本吗？我希望文本以与圆圈相同的方式缩放。请添加一段

css

和

html

，以便我们得到一个更好地理解它必须应用到的结构。图片上方的文本是对应的文本吗？您想用它做什么？我希望文本以与圆圈相同的方式缩放。请添加一段

css

和

html

，以便我们更好地理解它必须应用到的结构。是对应的吗图片上方的文本以及你想用它做什么？我希望文本以与圆圈相同的方式缩放。请添加一段

css

和

html

，以便我们更好地理解它必须应用于的结构。图片上方的文本对应的文本以及你想用它做什么？我希望以与圆圈相同的方式缩放文本