Question

我正在使用jqueryrotate插件，如果我想旋转父ID的内容，它可以工作，但我想旋转一个id为子节点的span。我没有找到正确的语法来定位范围。

$(".faqq").click(function(){
        var showthis = "#" + this.id + "a";

            /* .plus is the class name of the span I am trying to target */
        var rotatethis = "#" + this.id + " .plus";

        $(showthis).slideToggle('fast');
        $(rotatethis).rotate({
            angle: 0, 
            animateTo:225
          })
    });

有人能看出我做错了吗？谢谢！

编辑：HTML示例：

<p id="faqq1" class="faqq">
            <strong>Q. Where is my order? <span class="plus">+</span></strong>
        </p>
<p id="faqq1a" class="faqa">
            A. You can ...what we know.
        </p>

Answer 1

确保您的.plus具有允许设置其位置的定位。

$(rotatethis)
          .css('position','relative')
          .rotate({
            angle: 0, 
            animateTo:225
          });

您可能希望在CSS而不是jQuery的.css()中执行此操作。

旁注，但我会替换这个......

var rotatethis = "#" + this.id + " .plus";
$(rotatethis)

有了......

$(this).find('.plus')

修改

而不是position: relative，问题是需要display: block。

尝试使用jQuery </span>来定位<span>内容

1 个答案: