0

以下は私のhtmlのように見えますが、私のページの問題は、重複class namesしているため、私のページの例ではclass="inner"、同じページに複数回あることです。

私の質問は次のとおりです: Get this textcssSelector を使用して言うテキストを取得するにはどうすればよいですか?

<div class="tools-col-right">
       <div class="subcr">
       <div .....</div>
       <div .....</div>
       <div .....</div>
       <div class="main-inner">
       <div class="inner"> 
            <div class="t"></div>
            <h3> additional information</h3>
        <div class="subcolumns">
        <div class="subject">
            <ul>
             <li>....</li> 
             <li>....</li>
             <li>....</li>
             <li>....</li>
            </ul>
       </div>
     </div>
     </div>
     </div>

のテキストを取得しようとしていますdiv class='subject'

次のようなことを試しましdiv[class='tools-col-right .subject'] たが、うまくいきません。

4

2 に答える 2

1

このセレクターはその要素を選択します。

.tools-col-right > .subject
于 2012-11-02T15:12:17.980 に答える
1

無数の方法があります。どちらが機能するかは、ページ全体のマークアップによって異なります (ページの抜粋のみを提供し、他の.inner要素はありません)。

#ctl00_ctl00_ContentControl3_phContent .inner {…}

.about .inner {…}

.main-inner .inner {…}

#top-container .inner {…}

更新されたコードの後に​​編集します。

これで、 class を持つ要素が 1 つだけになりましたsubject。繰り返しますが、マークアップ全体 (同じクラスの他の要素を含む) がなければ、安全な答えを出すことはできません。あなたの例では、次の各セレクターが機能するはずです。

.subject {…}
.subcolumns .subject {…}
.inner .subject {…}
.main-inner .subject {…}
.subcr .subject {…}
.tools-col-right .subject {…}
于 2012-11-02T13:45:46.737 に答える