jquery - クラス名のダッシュとスペースを含む jQuery セレクター

Question

クラス名（スペース付き）がある場合、たとえば

my classname

クラス セレクターは次のように作成できます。

.my.classname

ただし、次のようにスペース間にダッシュがある場合、クラスセレクターを作成するにはどうすればよいですか:

My - Classname and Others

またはこれ：

My - Clasname

ヒントをありがとう。

Answer 1

My要素に、-およびの 3 つのクラスがあることを除いて、最初のケースとの違いはありませんClassname。したがって、同じセレクターを実行するだけです。

$(".my.-.classname")

Answer 2

この目的のために、属性セレクターを使用できます。

$('[class="My - Clasname"]')

注:My - Classname and Othersは単一のクラスではなく、My、 -、Classname、andおよびの 5 つのクラスが混在していOthersます。

Answer 3

単純にタイトルMy - Classnameを.my.classname

LIVE DEMO

var title   = "Properties Listing - 3 Per Page";
var toClass = '.'+ title.replace(/-/g, '').replace(/\s{1,}/g, '.').toLowerCase() ;

alert(toClass); // .properties.listing.3.per.page