jQueryで指定された値を取得し書き換えたい


HTML

[code]

    <ul id="list">
        <li id="meta">hoge<span id="opt">huga</span></li>
        ...
    <ul>
    
[/code]

というテーブルから"hoge"だけをjQueryを使用し取得した後、値を書き換えたいです。  
ご教授願えますでしょうか。




jQueryのAPIだけでテキストノードを書き換えることはできないみたいですが、`contents()`で、テキストノードを含めた子要素を取得し、テキストノードオブジェクトの`nodeValue`プロパティを弄れば、一応できそうです。

[code]

    $('#meta').contents()[0].nodeValue = "ABC";
    
[/code]

絞り込むならこんな感じで。

[code]

    $('#meta').contents().filter(function (){ return this.nodeType === 3; })[0].nodeValue = 'ABC';
    
[/code]




jQueryのAPIだけでテキストノードを書き換えることはできないみたいですが、`contents()`で、テキストノードを含めた子要素を取得し、テキストノードオブジェクトの`nodeValue`プロパティを弄れば、一応できそうです。

[code]

    $('#meta').contents()[0].nodeValue = "ABC";
    
[/code]

絞り込むならこんな感じで。

[code]

    $('#meta').contents().filter(function (){ return this.nodeType === 3; })[0].nodeValue = 'ABC';
    
[/code]

