从跨度到标题的 jQuery 文本

Question

我是 jQuery 新手。我有类似以下 HTML 的内容:

<div class=dcsns-youtube>
    <span class="section-thumb">
        <a href="some-link"><img src="http://img.youtube.com/vi/m4-1FZeoBtQ/default.jpg" alt=""></a>
    </span>
    <span class="section-title">
        <a href="some-link">Text on the link</a>
    </span>
<div>

我想获取包含“section-title”类的跨度内 a 元素内的文本，在“链接上的文本”示例中，将其用作跨度内 a 元素的标题“section-thumb”类。

以下 jQuery 代码仅适用于单个 div:

jQuery('.dcsns-youtube .section-thumb a').attr('title', $('.dcsns-youtube .section-title').text());

如果我有多个 div，向 span 内的每个 a 元素添加类“section-thumb”，并在 span 内的 a 元素的文本上添加类“section-title”的相应元素，我怎样才能完成这项工作？

Answer 1

你可以这样做:

$('.dcsns-youtube').each(function(){
  $('.section-thumb a', this).attr('title', $('.section-title', this).text());
});

$(someselector, this) 搜索 this 内的元素。

Demonstration

您还可以将回调传递给 attr :

$('.dcsns-youtube .section-thumb a').attr('title', function(){
      return $(this).closest('.dcsns-youtube').find('.section-title a').text();
});

Demonstration