Jqueryセレクター

Question

<a class='leftpanel_anchor' tag='solutions' href='javascript:void(0)' > Solutions to <span class='leftpanel_keywords'>firstConResult</span></a> 

私はこのようなアンカーを持っています。私は、スパンクラス 'leftpanel_keywords'の中のコンテンツを選択したいと思います。どうすればjqueryでそれを行うことができますか？あなたのページ全体の構造に応じて、

Answer 1

結果をHTMLに含めるには（スパンタグ）、.html（）メソッドを使用します。ない場合は他の人が示唆しているとして、は.text（）メソッドを使用します。

$(".leftpanel_anchor").html(); //Returns everything, including <span> tags 
$(".leftpanel_anchor").text(); //Returns only the text, minus any tags 

Answer 2

..あなたがあなたのセレクターをフォーマットすることができますいくつかの異なる方法があります。

$(".leftpanel_keywords").text() 

あなたのクラス「leftpanel_keywords」

$("A.leftpanel_anchor .leftpanel_keywords")").text() 

を持つすべての要素を取得します

これらのいずれもが、あなたにテキストINSIを与えるあなたのクラスを持つ任意のアンカーのための内部クラス「leftpanel_keywords」を得る「leftpanel_anchor」

ますスパンのde。唯一のアンカー内のものを選択します

Answer 3

$(".leftpanel_keywords").text(); 

Answer 4

$('a.leftpanel_anchor .leftpanel_keywords').text(); 

。

このような事象が複数ある場合は、少なくともアンカーにIDを付けるようにしてください。

Answer 5

私は右の質問を得た場合は、これを行うためのparent-child selectorがある：

$(".leftpanel_anchor > .leftpanel_keywords").text() 

Answer 6

$('.leftpanel_keywords').text()が悪いのか？

Answer 7

あなたは要素を取得するために、CSSクラスセレクタを使用することができます。

$('.name_of_class') 

この後、あなたは、このようなアニメーション、コンテンツ操作とを行うことができます本当に何として様々なものを、行うために、さまざまなメソッドを呼び出すことができますどのようDOM要素のjQueryオブジェクトを返します：クラスセレクタは、このように動作しますjQueryでここにあなたの例では

、あなたが呼び出すことでinnerHTMLプロパティの値（要素の内容）を取得することができます：

var content = $('.leftpanel_keywords').html(); 

jQueryのセレクタの詳細を読むための場所、DOMのトラバースとDOM操作の一部がたくさんありますjQueryの最も重要な部分とエキサイティングな機能のための基本的なビルディングブロック！チュートリアルとスクリーンキャストのシンプルな手の偉大なコレクションであるjQuery for Designersをチェックしてください。包括的なリファレンスであるjQuery official documentationもご覧ください。

希望すると便利です。