1

djQuery を使用して変更する必要がある HTML の既存のブロックがあります。HTML は次のようになります。

<div class="main">
    <div class="wms-column wms-column-nav">
        <div class="wms-column-nav-body">
        <div class="section">
            <h3>Recent News</h3>
            <ul class="other">
            <li>Something</li>
            </ul>
        </div>
        </div>
    </div>
</div>​

H3 をターゲットにして、その内部テキストを変更する必要があります。ただし、ID がないため、セレクターでターゲットにするのは難しいです。サイトには他にも多くの H3 タグがあり、変更することはできませんが、セレクター パスは同じです。コンテンツに基づいてこの H3 をターゲットにしてから変更するにはどうすればよいですか? いくつかの特殊文字が使用されるため、テキストではなく html を挿入する方法をお勧めします。

ありがとう！

4

2 に答える 2

0

バニラ Javascript の場合:

var elements = document.getElementsByTagName('h3');
for (var i=elements.length; i-->0; ) {
    var element = elements[i];
    var text = element.textContent || element.innerText;
    if (text=='Recent News') {
       element.innerHTML = 'some new text';   
    }
}

デモンストレーション

于 2012-11-28T21:09:39.440 に答える
0

jQuery の使用:

$('h3')すべてのヘッダータグが選択されます。個別に対処できます:$('h3').eq(0) $('h3').eq(1)など。

それらを簡単にループすることもできます：

$('h3').each(function() {
     alert(this.text()) <-- "this" will point to the current item in the loop.
})

ループ内では、現在のアイテムのコンテンツ、プロパティ、または属性のいずれかにアクセスできます。それに応じて、これに基づいてロジックを作成できます。

于 2012-11-28T21:11:32.127 に答える