Question

我有这个HTML代码：

<body>
<div class="CodeRay">
<div class="code"><pre><span class="no">   1</span> require <span class="s"><span class="dl">'</span><span class="k">yaml</span><span class="dl">'</span></span>
<span class="no">   2</span> require <span class="s"><span class="dl">'</span><span class="k">set</span><span class="dl">'</span></span>
<span class="no">   3</span> 
<span class="no">   4</span> <span class="r">module</span> <span class="cl">ActiveRecord</span> <span class="c">#:nodoc:</span>
<span class="no">   5</span>   <span class="c"># Generic Active Record exception class.</span>
<span class="no">   6</span>   <span class="r">class</span> <span class="cl">ActiveRecordError</span> &lt; <span class="co">StandardError</span>
<span class="no">   7</span>   <span class="r">end</span>
<span class="no">   8</span>
...
</body>

对于这个html代码我有javascript：

$(document).ready(function() {
  $('span').not('.no,.c,.r,.pc').click(function(e) {
    var target = $(e.target);
    var element = target.prev('.no');
    element.effect('highlight', {}, 'slow');
});

问题是prev()返回与以前相同的对象，找不到.no元素。它不会搜索DOM树中元素的前身。感谢

Answer 1

嗯，你的选择器$('span').not('.no,.c,.r,.pc')排除了所有.no，所以你几乎什么也看不到它就不足为奇了。

你可以尝试：

$(document).ready(function() {
  $('span').click(function(e) {
    var $this = $(this);
    if (!$this.is(".no,.c,.r,.pc"){
        $this.prev('.no').effect('highlight', {}, 'slow');
    }
});

Answer 2

这是关于jsFiddle的一个工作示例：

http://jsfiddle.net/shaneblake/bRRmA/

我已使用以下代码行更新了jsfiddle以解决您的意见：

$(this).prevAll('.no:first').effect('highlight', {}, 'slow');

jquery prev（）不起作用

2 个答案: