Q&A
「項目」をクリックしたときに「ここを変更」の部分を変更するようにしました。
「ここを変更」をクリックしたときに、最初のdd onclickがある項目をクリックした時と同じ処理を行いたいのですが、どのように変更したらいいでしょうか？
id="0" の「ここを変更」をクリックしたら「項目1」に、
id="1" の「ここを変更」をクリックしたら「項目2」に変更されるようにしたいです。
ご教授の程、よろしくお願い致します。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 6<title>テスト</title> 7<script> 8function test(_obj,_word){ 9 var cl = $(_obj).attr("class"); 10 if(cl == "change"){ 11 $(_obj).siblings("dd onclick").eq(0).click(); //ddの最初のonclickをクリックしたことにしたい 12 }else{ 13 $(_obj).siblings(".change").text(_word); 14 } 15} 16</script> 17</head> 18<body> 19 20<dl id="0"> 21 <dt>タイトル</dt> 22 <dd onclick="test(this)" class="change">ここを変更</dd> 23 <dd onclick="test(this,'項目1')">○項目1</dd> 24 <dd>項目2</dd> 25 <dd onclick="test(this,'項目3')">○項目3</dd> 26 <dd>項目4</dd> 27</dl> 28 29<dl id="1"> 30 <dt>タイトル</dt> 31 <dd onclick="test(this)" class="change">ここを変更</dd> 32 <dd>項目1</dd> 33 <dd onclick="test(this,'項目2')">○項目2</dd> 34 <dd onclick="test(this,'項目3')">○項目3</dd> 35 <dd>項目4</dd> 36</dl> 37 38</body> 39</html>
回答1件
0
ベストアンサー
属性セレクタを使用してはどうでしょうか。
javascript
1//変更前 2//$(_obj).siblings("dd onclick").eq(0).click();//ddの最初のonclickをクリックしたことにしたい 3//変更後 4$(_obj).siblings("dd[onclick]").eq(0).click();
投稿2017/01/05 09:40
総合スコア433
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/05 10:29