Javascript加载具有自己数据的元素后更改href

Question

I am using Facebook Embedded posts on my website, and I am trying to change a specific attribute, but failing.

    <a class="_6j_ _5cix" data-ft="{&quot;tn&quot;:&quot;J&quot;}" href="/sharer.php?s=2&amp;appid=2305272732&amp;p%5B0%5D=191027189287&amp;p%5B1%5D=1073742637&amp;share_source_type=unknown" target="_blank" title="Share this item" data-reactid=".r[3suu5].[1].[2]"><i class="_6k1 _528f" data-reactid=".r[3suu5].[1].[2].[0]"></i><span data-reactid=".r[3suu5].[1].[2].[1]">Share</span></a>

So first of all, I need to know how to access that class name. The attribute I am trying to change is the href. I also would like to remove "data-reactid=".r[3suu5].[1].[2]" as this is affecting how it works.

I think I know the code to use to change/remove attributes, the problem I think is I am running it too early as nothing changes. Also, I can go on to Javascript console on google chrome and delete/change things and it works perfectly, I just need it to happen automatically.

Thanks, Gavin.

Answer 1

What do you need to access the class for? There are a multitude of ways to do the things that you want to do, and here are some examples. If you elaborate on specifically what your goal is, then that can help narrow down some of the potential solutions.

This will access the class, remove the attribute data-reactid, and change the href

myFunction('a','whatever-link.html'); 

function myFunction(el,href) {
    var el = $(el),
        //accesses the class
        currentClass = el.attr('class');

    el.removeAttr('data-reactid');
    el.attr('href',href);
}

OR, this puts everything in a click event

$('a').click(function() {
     var currentClass = $(this).attr('class');

     $(this).removeAttr('data-reactid');
     $(this).attr('href','whatever-link.html');
});

OR, this is just a way to take the class of all links and put them in an array (if you want to do it for whatever reason)

var classes = [];

$('a').each(function() {
    classes.push($(this).attr('class'));  
});

You can also select a link by a class:

 $('._6j_ _cxwhatever_');

I suggest reading jQuery selector documentation