jQuery/NodeJS：获取没有唯一 class 名称的按钮的 URL

Question

So I'm trying to get a certain link of a button on a website I parse via NodeJS:

Usually, it would be fairly easy when using cheerio:

$('.panel-default').find('.btn-default').attr('href');

The problem is: There are 3 other buttons with the same classname, on overall 60 items:

<a href="https://someurl.com" class="btn btn-xs btn-default" target="_blank"><span class="fa fa-fw fa-steam-square poptip" data-toggle="tooltip" title="" data-original-title="View Details"></span></a>

<a href="/somedir" class="btn btn-xs btn-default"><span class="fa fa-road fa-fw poptip" data-toggle="tooltip" title="" data-original-title="See more like this"></span></a>

<a href="/otherdir" class="btn btn-xs btn-default" target="_blank"><span class="fa fa-link fa-fw poptip" data-toggle="tooltip" title="" data-original-title="View shareable link"></span></a>

So looping through the 4 results with.each, picking the right one, and repeat that on all 60 other items don't seem like an elegant choice for me.

Is there any other way to grab the wanted info, for example by calling the unique data-original-title "Inspect in game" via cheerio (is that even possible?) for example? Or how else could this be solved in an elegant and smooth way?

Answer 1

If $('.panel-default').find('.btn-default') return more than one value, you can pass index that you want to get just her href attribute.

If you want the second element href by example:

$('.panel-default').find('.btn-default')[1].attr('href');

Answer 2

Use the data selector.

$('.panel-default').find(".btn-default[data-original-title='Microsoft']").attr('href');