将类添加到上一个和下一个按钮

时间:2015-05-19 06:17:10

标签: javascript

我有一个分页脚本,我需要将类附加到上一个和下一个按钮。

代码与以下相同。

document.querySelector('.prev').style.opacity=(turntopage == 1)? "0.1" : "1";
document.querySelector('.next').style.opacity=(turntopage == totalpages)? "0.1" : "1";

目前,点击上一个和下一个时,将从上面应用可见性,如下所示。

<a class="next" href="#next" style="opacity: 0.1;">
<a class="next" href="#next" style="opacity: 1;">

我需要对上面的内容进行更改而不是样式,我可以附加应该如下呈现的类。

<a class="next disabled" href="#next">

可以看到完整的演示 HERE

3 个答案:

答案 0 :(得分:0)

您可以将classList属性与.add和.remove函数一起使用:

document.querySelector( '下一个 ')classList.add(' 禁用');

答案 1 :(得分:0)

感谢您的支持。我自己解决了。 我创建了一个public class PhoneStateReceiver extends BroadcastReceiver { @Override public void onReceive(Context context, Intent intent) { final Bundle bundle = intent.getExtras(); if(bundle != null) { showToast(intent.getExtras().getString("data")); } if (intent.getAction().equals("android.intent.action.PHONE_STATE")) { String state = intent.getStringExtra(TelephonyManager.EXTRA_STATE); Log.d(TAG,"PhoneStateReceiver**Call State=" + state); if (state.equals(TelephonyManager.EXTRA_STATE_IDLE)) { if(recieveCall){ } Log.d(TAG,"PhoneStateReceiver**Idle"); } else if (state.equals(TelephonyManager.EXTRA_STATE_RINGING)) { } else if (state.equals(TelephonyManager.EXTRA_STATE_OFFHOOK)) { } } else if (intent.getAction().equals("android.intent.action.NEW_OUTGOING_CALL")) { // Outgoing call String outgoingNumber = intent.getStringExtra(Intent.EXTRA_PHONE_NUMBER); Log.d(TAG,"PhoneStateReceiver **Outgoing call " + outgoingNumber); setResultData(null); // Kills the outgoing call } else { Log.d(TAG,"PhoneStateReceiver **unexpected intent.action=" + intent.getAction()); } } } ,并按照我的风格添加它。它解决了我的目的。 最初,根据人们的建议,我确实尝试了ID.classList.add.addClass等,但是在点击上一个和下一个时创建了多个实例/重复的类,这使得加价看起来非常混乱。这很顺利。如有任何建议/修改,请与我们联系。

代码更改如下。

.className +=

<强> LIVE DEMO OF THE SOLUTION

答案 2 :(得分:-1)

要么我没有得到它,要么我不知道该怎么想......

$(&#34; a&#34;)。addClass(&#34; addClass1 addClass2&#34;);

更改第一部分以更改标记匹配的方式(按元素,按ID等)。 但这似乎太容易了,所以我很可能错过了这一点......

upd:错过了没有jquery ..使用普通的js .. var d = document.getElementById(&#34; a&#34;); d.className = d.className +&#34;禁用&#34 ;;