問題タブ [textnode]

次の HTML コードがあるとします。

私の目標は、男性のラジオ ボタン (最初のボタン) をチェックすることです。ただし、このラジオ ボタンが常に 2 つのラジオ ボタンの最初になるかどうかはわかりません。唯一確かなことは、「男性」テキストの前にラジオ ボタンをチェックしたいということです。

だからこれは私がした方法です：

しかし、これはうまくいきません。簡単なデバッグでは、テキスト ノードが正しく選択されていることを示していますが、.prev() 関数は何も返しません。以前の兄弟でも試しましたが、良い結果は得られませんでした。

前もって感謝します ！

keyuponで、contentEditable div のキャレットの直前の要素への参照を提供する関数を作成しようとしています。

キャレットがテキスト ノードにある場合、関数は を返す必要がありますnull。キャレットが contentEditable の先頭にある場合、関数は を返す必要がありnullます。

ただし、キャレットがテキスト ノードの先頭にあり、このテキスト ノードの直前に Span などの要素がある場合、関数はこの要素への参照を返す必要があります。

また、キャレットが 2 つの Html 要素の間 (たとえば、2 つのスパンの間) に配置されている場合、キャレットの直前の要素、つまり 2 つの要素の最初の要素への参照を返す必要があります。

互いに直後に続く 2 つ以上のテキスト ノードがある場合、それらは 1 つのテキスト ノードと見なされます。

私は何かをまとめ始めました。範囲オフセットを使用して、テキスト ノードにどれだけ入っているかを計算することを検討していますが、複雑すぎるように感じます。私が考えていない明らかな何かがあると思わずにはいられません。

私は次のHTMLを持っていますが、これを制御することはできません。

「サブナビゲーション」内のテキストの最初のビットをタグでラップする必要がありdivます<h1>。これまでのところ私はこれを持っています：

ただし、これはタグ内のすべての要素をラップしdivますh1。最初のテキストノードだけを特定して、それを？でラップするにはどうすればよいh1ですか？

ありがとうデイブ

たくさんの静的なhtmlファイル内でさまざまな検索と置換を行う必要があります。私が思いついた問題の1つは、実際に検索/置換したいのがテキストノードだけであるときにURLで一致が得られることです。

そのため、正規表現を使用してhtmlを解析しているため、正規表現がより困難になり、エラーが発生しやすくなります。

テキストノードのみで検索/置換を行う最も簡単な方法は何ですか？Python-Java-Ruby-Headless-Phantom-PHP-Node-FluxCapacitorでマスターを必要とせずに、数分以内に稼働できるように話しています。

モロンと話しているようにアドバイスしてください。

私はWindows7を使用しています。

私が探しているのは、Notepad++の検索/置換機能のようなものです。検索を開始するディレクトリを指定すると、再帰的に検索され、指定したすべての種類のファイル（.htmlや.shtmlなど）にアクセスして、検索対象と置換対象を指定します。それが実行され、10秒または15秒後に、一挙に数百のファイルを編集した可能性があります。あなたが知っている、死んだ単純なもの。

それが私がやりたいことですが、テキストノード内で検索/置換するだけです。

テキストをクリックしたときにページ上のテキストを置き換えたり、クリックした単語を置き換えたりしたいと思います。DOM 内のすべての要素を選択し、textNodes を除外し、それぞれをタグでラップし、各タグにクリック イベント ハンドラーを追加するトップダウン アプローチを試みました。しかし、これは非常に遅く、特に非常に大規模で動的なサイトでは非効率的です。

クリックされたテキストを置き換えるだけです。event.target から開始してこれを行うボトムアップの方法はありますか? たとえば、event.target に最も近い textNode を見つけるにはどうすればよいですか?

CSSに少し問題があり、解決策が見つからないようです。私はこのHTMLを持っています

ここで、divもその中のリンクも非表示にせずに、「クリックして閉じる」というテキストのみを非表示にします。

これはできますか？

私は JavaScript が初めてで、現在課題があります。1 つの質問で、新しい textNode を<p>タグに追加するよう求められます。しかし、私のappendChildは機能したくありません。私の他のすべてのコードは正常に動作し、想定どおりに動作します。明らかに私は何か間違ったことをしています。

編集: コンソールでエラーが表示されます: Uncaught TypeError: Cannot call method 'appendChild' of null

テキストに浮かんでいるURLとドメインを見つけて「リンク」するために、GitHub（https://github.com/cowboy/javascript-linkify ）のLinkifyプロジェクトに誘導されました。

それは素晴らしいです！それは完全にテキストで機能します！

textNodeただし、リンクしたいテキストが含まれているで、どのように機能させるかはよくわかりません。

textNode私はそれ以来唯一持っていることを理解してtextContentいます..それはすべてテキストです。このLinkify関数はHTMLをテキストとして返すので、textNodeを取得し、Linkify出力を使用してその中のHTMLを「書き換える」方法はありますか？

私はここでJSFiddleで遊んでいます：http：//jsfiddle.net/AMhRK/9/

私は小さなテキストノードを持っています:

そして、"lol" が出現するたびにスパンをラップしたいと思います。

"<span>lol<span>"必要なときに"lol"スパン要素として出力します。