在html中有“a href”的替代方法吗?我严格意思是“一个”

时间:2012-07-20 20:20:42

标签: hyperlink

有什么我可以使用而不是'a'选择器。也许像<url href="">或类似的东西。我试图避免'a'。这样做的原因是我正在使用jQuery及其代码来修改该部分中的每个'a'。我想保持一些'不受影响。这就是我所拥有的: HTML:

                    <div> <!-- █ POST █ -->
                    <h3>14 June 2012 - Noisettes for Spotify</h3>
                    <p>
                        We have supplied a sound equipment for the Noisettes concert on Spotify company event. Please enjoy <a class="inlink" target="_blank" href="http://www.youtube.com/watch?v=KRFHiBW9RE8">Noisettes on YouTube</a>. 
                    </p>
                </div> 

JQUERY:

$(document).ready(function(){
var $posts = $('#items > div');
var maxHeight = 32;

$('a', $posts).live('click', function(){
    var $par = $(this).prev('p');

    var oH = parseInt($par.attr('class'));

    if($par.height() == oH){
        $par.animate({
            'height': maxHeight
        }, 'medium');
        $(this).text('read more...');
    }else{
        $par.animate({
            'height': oH
        }, 'medium');
        $(this).text('read less...');
    }
});

$posts.each(function(){
    if($('p', this).height() > maxHeight){

        $('p', this)
            .attr('class', $('p', this).height())
            .css('height', maxHeight+'px');
        $(this).append($('<a class="link">').text('read more...'));
    }
});     

});

它取代了我在YouTube上的'Noisettes'(来自html代码),用'少阅读......'(仍在工作,但措辞有所改变。我试图使用CSS,但它仍然取代它。 我希望自己明白这一点:)提前感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

您应该使用更具体的选择器:

$posts.find('a.SomeClass')...

然后将您要应用此链接的链接更改为<a class="SomeClass">

答案 1 :(得分:0)

提供您要更改特定课程的所有“a”,说“可更改”,然后将您的选择器从$('a', $posts)更改为$('a.changeable', $posts)