这个用jquery应该怎么写呢？

Question

我想把下面代码中的data-city=""填上，填写后像这样：

data-city="beijing"
data-city="tianjin"

也就是把.card-body第一个子元素的href里面的地点填入到data-city,用jquery应该怎么写呢？

<div class="card" data-city="">
    <div class="card-body">
        <a href="https://beijing.example.com" class="card-link">北京</a>
        <a href="https://bjdongcheng.example.com" class="card-link">东城</a>
        <a href="https://bjxicheng.example.com" class="card-link">西城</a>
    </div>
</div>

<div class="card" data-city="">
    <div class="card-body">
        <a href="https://tianjin.example.com" class="card-link">天津</a>
        <a href="https://tjhedong.example.com" class="card-link">河东</a>
        <a href="https://tjhexi.example.com" class="card-link">河西</a>
    </div>
</div>

Answer 1

    $('.card').attr('data-city', function() {
        return $(this).find('.card-body a').eq(0).html();
    })

Answer 2

$('.card').each(function(){
    var reg=/\/\w*\./;
    var city = $(this).find('a').attr('href').match(reg)[0]
    city=city.substring(city.indexOf('/')+1,city.indexOf('.'))
    $(this).attr('data-city',city);
})

Answer 3

`

$('.card).each(function(){
    var reg  = /https:\/\/(\w+).*\.com$/;
    var city = $(this).find('.card-body > a').eq(0).attr('href').match(reg)[1];
    $(this).attr('data-city', city);
});

`