Question

有任何jquery在父div之后找到类，我正在使用class＆＃34; trapezoid-two＆＃34;并创建jquery代码，但这会产生问题，所以任何人都可以告诉我如何在父div类之后找到css（＆＃39; ban-menu1＆＃39;）。

HTML： -

<div class="col-md-2 nopadding">
    <div class="ban-menu1"></div>
    <svg class="trapezoid-two" viewbox="0 0 100 100" preserveAspectRatio="none" width="100%">
      <defs>
          <pattern id="img1" patternUnits="userSpaceOnUse" width="100" height="100">
            <image xlink:href="images/shade-two.jpg" x="0" y="0" width="110" height="100" />
          </pattern>
        </defs>
      <path d="M0,0 L100,23 L100,77 L0,100z" fill="url(#img1)"></path>
    </svg>
</div>

Jquery的

$(document).ready(function(){   
$( ".trapezoid-two" ).hover(
  function() {
    $(this).find('path').attr('d','M0,0 L100,0 L100,100 L0,100z');
    $(this).parent().addClass('img-scale');     
  }, function() {
    $(this).find('path').attr('d','M0,0 L100,23 L100,80 L0,100z');
    $(this).parent().removeClass('img-scale');
  }
);
});

Answer 1

ban-menu1是.trapezoid-two使用prev()的兄弟姐妹来帮助您添加课程

$(document).ready(function(){
// svg path change  
$( ".trapezoid-two" ).hover(
  function() {
    $(this).find('path').attr('d','M0,0 L100,0 L100,100 L0,100z');
    $(this).prev().addClass('img-scale');     
  }, function() {
    $(this).find('path').attr('d','M0,0 L100,23 L100,80 L0,100z');
    $(this).prev().removeClass('img-scale');
  }
);

请参阅演示：https://jsfiddle.net/cgvbt80q/

在父div之后找到css类

1 个答案: