回答編集履歴

4 検証済のコードに修正

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 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 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 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 さん