bs4.element.Tagで取得した要素から子要素を取得する方法

Question

以下のコードより、一番上から3つ目までのliタグを取得し、aタグのtitle属性の中身及び、imgタグのsrc属性のテキストを取得したいです。

<section class="works_carousel mg_t20 img_hover">
    <ul class="bxslider clearfix">
        <li class="floatL">
            <p>
                <a href="/jirei/tokyo/saidan/B3_arakawa_machiya_20151222.jpg" class="jirei cboxElement"
                    title="家族葬・花祭壇込み８２万　セイスペード">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B3_arakawa_machiya_20151222_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　一般葬　火葬場" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b3.html">家族葬・花祭壇込み８２万　セイスペード</a></span>
            </p>
            <p>
                <a href="/jirei/tokyo/saidan/A3_arakawa_machiya.jpg" class="jirei cboxElement"
                    title="お葬式・花祭壇込み１４５万　セイエルザ">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/A3_arakawa_machiya_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　社葬　大型葬　価格" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/a3.html">お葬式・花祭壇込み１４５万　セイエルザ</a></span>
            </p>
        </li>
        <li class="floatL">
            <p>
                <a href="/jirei/tokyo/saidan/B2_arakawa_machiya.jpg" class="jirei cboxElement"
                    title="お葬式・花祭壇込み１００万　セイプレイト">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B2_arakawa_machiya_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b2.html">お葬式・花祭壇込み１００万　セイプレイト</a></span>
            </p>
            <p>
                <a href="/jirei/tokyo/saidan/B2_arakawa_machiya2.jpg" class="jirei cboxElement"
                    title="お葬式・花祭壇込み１００万　セイプレイト">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B2_arakawa_machiya2_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b2.html">お葬式・花祭壇込み１００万　セイプレイト</a></span>
            </p>
        </li>
        <li class="floatL">
            <p>
                <a href="/jirei/tokyo/saidan/B3_arakawa_machiya.jpg" class="jirei cboxElement"
                    title="家族葬・花祭壇込み８２万　セイスペード">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B3_arakawa_machiya_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b3.html">家族葬・花祭壇込み８２万　セイスペード</a></span>
            </p>
            <p>
                <a href="/jirei/tokyo/saidan/B6_arakawa_machiya1.jpg" class="jirei cboxElement"
                    title="家族葬・花祭壇込み４９万　セイクラーク">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B6_arakawa_machiya1_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b6.html">家族葬・花祭壇込み４９万　セイクラーク</a></span>
            </p>
        </li>
        <li class="floatL">
            <p>
                <a href="/jirei/tokyo/saidan/B6_arakawa_machiya.jpg" class="jirei cboxElement"
                    title="家族葬・花祭壇込み４９万　セイクラーク">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/B6_arakawa_machiya_s.jpg"
                        alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b6.html">家族葬・花祭壇込み４９万　セイクラーク</a></span>
            </p>
            <p>
                <a href="/jirei/tokyo/saidan/arakawa_machiya_201702_01.jpg" class="jirei cboxElement"
                    title="お葬式・花祭壇込み１２８万　セイヒラリー">
                    <img width="230" height="130" src="/jirei/tokyo/saidan/arakawa_machiya_201702_01_s.jpg"
                        alt="荒川区　町屋斎場　葬儀　料金　花祭壇" style="opacity: 1;" />
                </a>
                <br />
                <span class="scaps"><a href="http://www.artmemory.jp/plan/b1.html">お葬式・花祭壇込み１２８万　セイヒラリー</a></span>
            </p>
        </li>
    </ul>
</section>
</div>

下記コードにて、liタグを取得しようと試みたのですが、結果は何故か「None」となってしまいました。

  case_list = bs.select_one(".works_carousel .bxslider")
                    for elem in case_list:
                        if type(elem) is not NavigableString:
                            a = elem.find("li")
                            print(a)

コードが長い為、省略させて頂いているのですが、sectionタグ内の.works_carouselは上記HTMLコードの下に続く形で、いくつか存在しております。
どなたか、こちらの問題解決の為、ご助言頂けましたら幸いです。

Answer 1

from bs4 import BeautifulSoup


html = '''<section class="works_carousel mg_t20 img_hover">
	<ul class="bxslider clearfix">
		<li class="floatL">
			<p>
				<a href="/jirei/tokyo/saidan/B3_arakawa_machiya_20151222.jpg" class="jirei cboxElement"
					title="家族葬・花祭壇込み８２万　セイスペード">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B3_arakawa_machiya_20151222_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　一般葬　火葬場" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b3.html">家族葬・花祭壇込み８２万　セイスペード</a></span>
			</p>
			<p>
				<a href="/jirei/tokyo/saidan/A3_arakawa_machiya.jpg" class="jirei cboxElement"
					title="お葬式・花祭壇込み１４５万　セイエルザ">
					<img width="230" height="130" src="/jirei/tokyo/saidan/A3_arakawa_machiya_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　社葬　大型葬　価格" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/a3.html">お葬式・花祭壇込み１４５万　セイエルザ</a></span>
			</p>
		</li>
		<li class="floatL">
			<p>
				<a href="/jirei/tokyo/saidan/B2_arakawa_machiya.jpg" class="jirei cboxElement"
					title="お葬式・花祭壇込み１００万　セイプレイト">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B2_arakawa_machiya_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b2.html">お葬式・花祭壇込み１００万　セイプレイト</a></span>
			</p>
			<p>
				<a href="/jirei/tokyo/saidan/B2_arakawa_machiya2.jpg" class="jirei cboxElement"
					title="お葬式・花祭壇込み１００万　セイプレイト">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B2_arakawa_machiya2_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b2.html">お葬式・花祭壇込み１００万　セイプレイト</a></span>
			</p>
		</li>
		<li class="floatL">
			<p>
				<a href="/jirei/tokyo/saidan/B3_arakawa_machiya.jpg" class="jirei cboxElement"
					title="家族葬・花祭壇込み８２万　セイスペード">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B3_arakawa_machiya_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b3.html">家族葬・花祭壇込み８２万　セイスペード</a></span>
			</p>
			<p>
				<a href="/jirei/tokyo/saidan/B6_arakawa_machiya1.jpg" class="jirei cboxElement"
					title="家族葬・花祭壇込み４９万　セイクラーク">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B6_arakawa_machiya1_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b6.html">家族葬・花祭壇込み４９万　セイクラーク</a></span>
			</p>
		</li>
		<li class="floatL">
			<p>
				<a href="/jirei/tokyo/saidan/B6_arakawa_machiya.jpg" class="jirei cboxElement"
					title="家族葬・花祭壇込み４９万　セイクラーク">
					<img width="230" height="130" src="/jirei/tokyo/saidan/B6_arakawa_machiya_s.jpg"
						alt="町屋斎場　花祭壇　東京　荒川区　家族葬　葬儀　価格　小規模" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b6.html">家族葬・花祭壇込み４９万　セイクラーク</a></span>
			</p>
			<p>
				<a href="/jirei/tokyo/saidan/arakawa_machiya_201702_01.jpg" class="jirei cboxElement"
					title="お葬式・花祭壇込み１２８万　セイヒラリー">
					<img width="230" height="130" src="/jirei/tokyo/saidan/arakawa_machiya_201702_01_s.jpg"
						alt="荒川区　町屋斎場　葬儀　料金　花祭壇" style="opacity: 1;" />
				</a>
				<br />
				<span class="scaps"><a href="http://www.artmemory.jp/plan/b1.html">お葬式・花祭壇込み１２８万　セイヒラリー</a></span>
			</p>
		</li>
	</ul>
</section>
</div>'''

# BeautifulSoupでパースする
soup = BeautifulSoup(html, 'html.parser')
# <li>要素を全て取得
li = soup.find_all('li')
# 上から3つ目までスライスし、1つずつ処理していく
for tag_li in li[:3]:
	# <li>要素内の<a>要素を.find()で取得
	tag_a = tag_li.find('a')

	print(tag_a)
	print('-'*15)
	
	# リンクを取得する場合には.get()で'href'を指定する
	href = tag_a.get('href')
	print(href)
	print('-'*15)

	# <img>要素を取得する場合には更に<a>要素から.find()で取得
	tag_img = tag_a.find('img')
	# src属性を取得する場合には同様に.get()で'src'を指定する
	img_url = tag_img.get('src')
	print(img_url)

	print('='*50)

備考

あらかじめsectionやulなどを指定している場合には
li = soup.find_all('li')のsoupの部分を任意の親を指定してください。

Comments

[k-g-11]

ご回答ありがとうございます。
ご丁寧にご回答頂きましたおかげで、目的のデータが取得出来、BeautifulSoupによる要素の取得方法につきまして、大変勉強になりました。