從跨度到標題的jQuery文本

我是一個jQuery新手。我有類似如下的HTML：從跨度到標題的jQuery文本

<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-thumb」類中跨度內的元素的標題。

以下jQuery代碼僅適用於一個單一的div：

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

我怎樣才能使這項工作，如果我有幾個div的，添加到每個元素中跨度與類「一節拇指」的分別與類「section-title」的跨度內的a元素的文本？

來源

2013-01-11 user1970346

您的最終問題不清楚。您的示例HTML中沒有div。 – crush

@crush你是什麼意思。這個問題有div。 –

似乎它被編輯。 – crush

你能做到這一點。

Demonstration

你也可以傳遞一個回調到attr：

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

Demonstration

來源

2013-01-11 15:44:20

示例HTML中沒有DIV元素！ – crush

-3

我想獲得文本里面的a元素裏面的類「section-title」，在範例「鏈接上的文本」的範圍內使用它作爲裏面的a元素的標題類「節 - 拇指」的跨度。

與此jQuery的實現：對內部this元素

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

$(someselector, this)搜索：

var text = $('span.section-title a').text(); 

$('span.section-thumb').attr('title', text);

來源

2013-01-11 15:43:50 crush

爲什麼投票？ – crush

我沒有投票，但它沒有做什麼問。 –

你需要使用jQuery each()訪問處於選擇給出的所有元素。 each（）迭代選擇器返回的集合，$(this)在每個body中給出集合中的html element的jQuery對象。

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

來源

2013-01-11 15:44:35 Adil

從跨度到標題的jQuery文本

回答

相關問題