2017-06-22 11 views
0

特定のliにクラス名 "selected"を追加しようとしているかどうかを確認する方法は、これを動的に試みる属性名= "3" .amです。これは、あなただけのこれらのリスト項目のクラスを追加したい、またはそれらを置くかもしれクリック<li>.を指し、クリックハンドラのコールバックで特定の属性名が存在するかどうかを確認する方法

$('li[name=3]').addClass('selected') 
+0

'$( 'li [name = "3"] ')。addClass(' selected ') 'と_dynamically_はどういう意味ですか? – Satpal

+0

@Satpal 3のためにここに引用符を必要としないでください。 –

+0

@Suresh Yep、しかしそれを使用することに害はありません。助けることができない、それは練習になっている – Satpal

答えて

0

あなたは属性を使用することができますが、ここでセレクタに等しいですそのようなクラスのdivで、これはあなたがそれらをターゲットに設定し、それらにイベントを呼び出すことができます。また、ここでaltが無効であることに注意してください。あなたはおそらくタイトルを探しています。

$('li').click(function(){ 
    var justify = $(this).attr('alt'); 
    alert(justify); 
}); 

この値に非表示のフィールドを設定することができます。あなたはこれらの<li>秒の5つのグループを持っているので

$('#hiddenJustify').val(justify) 

を追加することによって、例えば、それを行うことができます、あなたはおそらく一つの要素の下でグループ化をしたいです。あなたは、コードを使用して設定することができます

<div class="line-justify-group"> 
    <ul> 
     <li>...</li> 
     <li>...</li> 
     <li>...</li> 
    </ul> 
    <input type="hidden" name="line1justify" id="line1justify" class="justify-value" /> 
</div> 

:たとえば

$(this).closest(".line-justify-group").find(".justify-value").val(justify); 

項目は、サーバーに掲載されます。

0

<ul> 
<li name="1"></li> 
<li name="2"></li> 
<li name="3"></li> 
<li name="5"></li> 
</ul> 
0

DOMのアプローチ、

document.getElementsByName("3").className="selected"; 

jQueryのアプローチ、

$('li[name="3"]').addClass('selected'); 

CSSのアプローチ // iは、ノートを持っていることが

li [name="3"], .Selected { 
    background:red; 
} 

に動作しますので、この1が、希望を試してみました: - )

関連する問題