使用onClick javascript将类添加到span元素

Question

我正在寻找解决方案的时间,并找到了一些答案,但不是一个非常合适的答案.

我有几个<span id="same-id-for-all-spans"></span>元素,每个元素包括一个<img>元素.现在我想创建一个打印模板,只打印那些添加了特定类的元素.

问题是,如何通过单击将一个类添加到跨度.这样我想"标记"几个跨度,然后有一个底层的print-css样式,只打印具有特定*类*的那些. 重要提示:应该可以单击(添加类)并重新单击(删除类)以进行单跨.

非常感谢.最诚挚的问候Mazey

---

它是所有跨度的wordpress返回,所以同样的id.目前我有这个js包括:

<script type="text/javascript">
function changeid ()
{
var e = document.getElementById("nonprintable");
e.id = "printable";
}

</script>

---

wordpress代码如下所示:

<?php
        $args = array('post_type' => 'attachment', 'post_parent' => $post->ID,  'orderby' => 'menu_order', 'order' => 'ASC'); 
                $attachments = get_children($args); 
foreach ( $attachments as $attachment_id => $attachment ) {


echo '<span id="nonprintable"  onClick="changeid()" >';
           echo wp_get_attachment_image( $attachment->ID, 'large' );

      echo '</span>';

          }


?>  

---

现在当我点击一个跨度时,我发现它改变了id.但是每次点击一个跨度而不是我点击的特定范围,它就会从上到下改变它.

Answer 1

您可以使用

jQuery('span').click(function(){
  jQuery(this).toggleClass('yourSpecialClass');
});