为什么包裹忽略最后一个包裹?

时间:2009-10-07 14:34:48

标签: javascript jquery hyperlink jquery-wrap

我正在尝试将more转换为超链接,但它完全忽略了最后一次换行。

   $j('#sub > div[id^="post-"]').each(function() {
            var sid=this.id.match(/^post-([0-9]+)$/);
            var sfimg = $j(this).find("img");
            var sfhh = $j(this).find("h2");
            var sfpt = $j(this).find("p:not(:has(img)):eq(0)");
            var more = 'more';
            $j(this).html(sfimg);
            $j(sfimg).wrap($j('<a>').attr('href', '/blog/?p='+sid[1]));
            $j(this).append(sfhh).append(sfpt);
            $j(sfpt).wrap($j('<div>').attr('class', 'sfentry'));
            $j(this).append('<div class="morelink">'+more+'</div>');
            $j(more).wrap($j('<a>').attr('href', '/blog/?p='+sid[1]));
    });

2 个答案:

答案 0 :(得分:0)

为什么你期望$ j(更多)匹配任何东西?

答案 1 :(得分:0)

您过度使用了jquery函数(在您的情况下为$j())并且您的操作顺序错误。此外,可能存在(可能)$(this).find('img')例如可能返回多个元素的情况......但不确定您的情况。

试试这个(可能不完美,但它应该让你朝着正确的方向倾斜):

$j('#sub > div[id^="post-"]').each(function() {
    var sid   = this.id.match(/^post-([0-9]+)$/);
    var sfimg = $j(this).find("img");
    var sfhh  = $j(this).find("h2");
    var sfpt  = $j(this).find("p:not(:has(img)):eq(0)");
    var more  = 'more';
    sfimg.wrap($j('<a>').attr('href', '/blog/?p='+sid[1]));
    $j(this).html(sfimg);
    sfpt.wrap($j('<div>').attr('class', 'sfentry'));
    // You do realize what you have will append the paragraph to your h2 tag, right?
    // I think you want:
    /*
    $j(this).append(sfhh).end().append(sfpt);
    */
    $j(this).append(sfhh).append(sfpt);
    $j(this).append('<div class="morelink">'+more+'</div>');
    $j('.morelink',this).wrap($j('<a>').attr('href', '/blog/?p='+sid[1]));
});

该代码中发生了各种各样的疯狂事情。请记住,您需要在将对象附加到另一个对象之前修改它们(除非您有一些独特的方法在事实之后识别它们,即ID)。

祝你好运。