Question

<div class="tabs">
<ul>
  <li class="active"><span class="l"></span><a href="#">Standard Class</a><span class="r"> </span></li>
<li><span class="l"></span><a href="#">Bussiness Class</a><span class="r"></span></li>
<li><span class="l"></span><a href="#">Premium</a><span class="r"></span></li>

以及我如何从非选中选取的班级,将其放在选修课上

Answer 1

$( .tabs a ).click(function() { 
 $( .tabs li ).removeClass( active );
 (this).parent().addClass( active );
});

积极案文:

$ ( .tabs .active a ).text();

Answer 2

为此:

它预示着你的<代码><li>内容,因此,你无需从OMM中挑选这些内容。

var $lis = $( div.tabs > ul > li ).click(function() {
    var text = $(this).addClass( active ).text();
    $lis.not(this).removeClass( active );
});

Answer 3

var activeText = $( .active a ).text();

Answer 4

Live example: http://jsbin.com/uwigo4/3 (资料来源如下)

查阅“活性”文本,请使用 text:

var text = $( div.tabs li.active ).text();

正在做的改动是:http://api.jquery.com/removeClass/“rel=”removeClass和>>>>>>>>>>>>>> 例如:

jQueryObjForCurrentActiveElement.removeClass( active );
jQueryObjForNewElementToMakeActive.addClass( active );

如果你在一次活动中重复这样做,奇怪的是,你想要 hasClass。

www.un.org/Depts/DGACM/index_spanish.htm 资料来源:。

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Test Page</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type= text/javascript >

jQuery(function($) {

  $( div.tabs > ul > li ).click(function(event) {
    var $this = $(this);
    if (!$this.hasClass( active )) {
      display("Activating  " + $this.text() + " ");
      $( div.tabs li.active ).removeClass( active );
      $this.addClass( active );
    }
  });

  function display(msg) {
    $( <p>  + msg +  </p> ).appendTo(document.body);
  }

});

</script>
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  .active {
    font-weight: bold;
    background-color: #eee;
  }
</style>
</head>
<body>
  <div class= tabs >
    <ul>
      <li class= active ><span>Tab 1</span></li>
      <li><span>Tab 2</span></li>
      <li><span>Tab 3</span></li>
    </ul>
  </div>
</body>
</html>

友情链接