javascript - 使用 JQuery 获取 itemprop 的 href 值

Question

我正在尝试获取 main div 内具有 itemprop="url" 的所有 href 值

HTML:

<div id="main">
    <div class="list_item odd" itemscope="" itemtype="http://schema.org/Movie">
        <div class="overview-top">
            <h4 itemprop="name"><a href="example.com/hello1" itemprop="url"> Hello 1</a></h4>
        </div>
    </div>
    <div class="list_item even" itemscope="" itemtype="http://schema.org/Movie">
        <div class="overview-top">
            <h4 itemprop="name"><a href="example.com/hello2" itemprop="url"> Hello 2</a></h4>
        </div>
    </div>
</div>

JQuery:

$(('meta[itemprop="url"]'), '#main').each(function(){
  var url = $(this).attr('href');
  console.log (url);
});

Answer 1

您的选择器中不需要“meta”部分。

$(('[itemprop="url"]'), '#main').each(function(){
            var url = $(this).attr('href');
            console.log (url);
        });
        

<div id="main">
    <div class="list_item odd" itemscope="" itemtype="http://schema.org/Movie">
        <div class="overview-top">
            <h4 itemprop="name"><a href="example.com/hello1" itemprop="url"> Hello 1</a></h4>
        </div>
    </div>
    <div class="list_item even" itemscope="" itemtype="http://schema.org/Movie">
        <div class="overview-top">
            <h4 itemprop="name"><a href="example.com/hello2" itemprop="url"> Hello 2</a></h4>
        </div>
    </div>
</div>