回答編集履歴

4 検証済のコードに修正

think49

think49 score 16007

2018/10/27 11:54  投稿

### .attr( attributeName, function )
以下、未検証。
http://api.jquery.com/attr/#attr-attributeName-function
~~以下、未検証。~~
```JavaScript
jQuery('.sp-slide>a').attr('title', function () { return jQuery('.sp-layer', this).text(); });
**(2018/10/27 11:54追記)**
検証済のコードに修正しました。
- [jQuery#atttr( attributeName, function ) - JSFiddle](http://jsfiddle.net/Lm9xkhrs/)
- [.attr() | jQuery API Documentation](http://api.jquery.com/attr/#attr-attributeName-function)
```HTML
<div class="sp-slide">
 <a href="./img/01.jpg" title="オーバーレイ時のキャプション">
   <img class="sp-image" src="https://placehold.jp/3d4070/ffffff/150x150.png?text=%E5%86%99%E7%9C%9F1" data-src="./img/01.jpg" data-retina="./img/01.jpg">
 </a>
 <p class="sp-layer sp-black sp-padding">写真1の説明文が入ります</p><!--メイン画像表示中のキャプション-->
</div>
<div class="sp-slide">
 <a href="./img/02.jpg" title="オーバーレイ時のキャプション">
   <img class="sp-image" src="https://placehold.jp/3d4070/ffffff/150x150.png?text=%E5%86%99%E7%9C%9F2" data-src="./img/02.jpg" data-retina="./img/02.jpg">
 </a>
 <p class="sp-layer sp-black sp-padding">写真2の説明文が入ります</p><!--メイン画像表示中のキャプション-->
</div>
<div class="sp-slide">
 <a href="./img/03.jpg" title="オーバーレイ時のキャプション">
   <img class="sp-image" src="https://placehold.jp/3d4070/ffffff/150x150.png?text=%E5%86%99%E7%9C%9F3" data-src="./img/03.jpg" data-retina="./img/03.jpg">
 </a>
 <p class="sp-layer sp-black sp-padding">写真3の説明文が入ります</p><!--メイン画像表示中のキャプション-->
</div>
<script>
'use strict';
jQuery('.sp-slide>a').attr('title', function () { return this.nextElementSibling.textContent; });
</script>
```
Re: akinco さん
3 jQuery('.sp-slide>a')

think49

think49 score 16007

2018/10/26 21:54  投稿

### .attr( attributeName, function )
以下、未検証。
http://api.jquery.com/attr/#attr-attributeName-function
```JavaScript
jQuery('.sp-slide>a>.sp-layer').attr('title', function () { return this.textContent; });
jQuery('.sp-slide>a').attr('title', function () { return jQuery('.sp-layer', this).text(); });
```
Re: akinco さん
2 アロー関数 -> 関数式

think49

think49 score 16007

2018/10/26 12:55  投稿

### .attr( attributeName, function )
以下、未検証。
http://api.jquery.com/attr/#attr-attributeName-function
```JavaScript
jQuery( '.sp-slide>a>.sp-layer').attr('title', () => this.textContent);
jQuery('.sp-slide>a>.sp-layer').attr('title', function () { return this.textContent; });
```
Re: akinco さん
1 typo修正

think49

think49 score 16007

2018/10/26 12:54  投稿

### .attr( attributeName, function )
以下、未検証。
http://api.jquery.com/attr/#attr-attributeName-function
```JavaScript
jQuery( '.sp-slide>a>.sp-layer'').attr('title', () => this.textContent);
jQuery( '.sp-slide>a>.sp-layer').attr('title', () => this.textContent);
```
Re: akinco さん

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る