在jquery中获取上一个事件操作

时间:2018-02-09 11:32:12

标签: javascript jquery function events

我正在尝试使用jquery

来获取上一个事件操作
TRG = trg

PRG = prg

TPX = tpx

OBJT90 = trigrs.o flux.o prpijz.o svxmdv.o svijz.o dzero_brac.o

OBJT95 = grids.o input_vars.o model_vars.o dsimps.o input_file_defs.o iverson.o pstpi.o satfin.o savage.o steady.o trini.o unsinf.o ivestp.o pstpf.o rnoff.o satinf.o smallt.o svgstp.o unsfin.o unsth.o ssizgrd.o svlist.o

OBJT77 = calerf.o dbsct.o derfc.o irdgrd.o irdswm.o isvgrd.o roots.o srdgrd.o srdswm.o ssvgrd.o

OBJP90 = trigrs_p.o partial_p.o flux.o flux_p.o prpijz.o svxmdv.o svijz.o dzero_brac.o srdgrd_p.o irdgrd_p.o

OBJP95 = modules_p.o grids.o input_vars.o model_vars.o dsimps.o input_file_defs.o iverson.o pstpi.o pstpi_p.o satfin.o satfin_p.o savage.o steady.o trini.o trini_p.o unsinf.o unsinf_p.o ivestp.o ivestp_p.o pstpf.o pstpf_p.o rnoff.o satinf.o satinf_p.o smallt.o svgstp.o svgstp_p.o unsfin.o unsfin_p.o unsth.o unsth_p.o ssizgrd.o ssizgrd_p.o svlist.o rnoff_p.o steady_p.o

OBJP77 = calerf.o dbsct.o derfc.o irdgrd.o irdswm.o irdswm_p.o isvgrd.o roots.o srdgrd.o srdswm.o srdswm_p.o ssvgrd.o

OBJX90 = tpindx.o nxtcel.o

OBJX95 = ssizgrd.o

OBJX77 = isvgrd.o mpfldr.o rdflodir.o sindex.o slofac.o srdgrd1.o

LIBS =

CC = gcc -O3

CCFLAGS = -lgsl -lgslcblas -lm

FC = ftn95 -w -O3 


FFLAGS =

F90 = f95 -w -O3

MPIF90 = mpif90 -w -O3

F90FLAGS = -w -O3

LDFLAGS = -w -O3

all: $(TRG) $(PRG)
#-----------------------------------------------------------------

$(TRG): $(OBJT95) $(OBJT90) $(OBJT77) 

    $(F90) $(CCLIBS) $(LDFLAGS) -o $@ $(OBJT95) $(OBJT90) $(OBJT77) $(CCFLAGS) $(LIBS)

$(PRG): $(OBJP95) $(OBJP90) $(OBJP77) 

    $(MPIF90) $(CCLIBS) $(LDFLAGS) -o $@ $(OBJP95) $(OBJP90) $(OBJP77) 
$(CCFLAGS) $(LIBS)


$(TPX): $(OBJX95) $(OBJX90) $(OBJX77)

    $(F90) $(CCLIBS) $(LDFLAGS) -o $@ $(OBJX95) $(OBJX90) $(OBJX77) $(CCFLAGS) $(LIBS)

#-----------------------------------------------------------------
clean:
    rm -f $(TRG) $(TPX) $(PRG)
    rm -rf $(OBJT95) $(OBJT90) $(OBJT77) $(OBJP95) $(OBJP90) $(OBJP77)
    rm -rf $(OBJX95) $(OBJX90) $(OBJX77)
    rm -rf *.mod *.exe *.stackdump

.SUFFIXES: $(SUFFIXES) .f90 .f .c .f95

.f90.o:

    $(MPIF90) $(F90FLAGS) -c $<

.f.o:

    $(MPIF90) $(F90FLAGS) -c $<

.c.o:

    $(CC) $(CCINCLUDE) -c -w $<

.f95.o:

    $(MPIF90) $(F90FLAGS) -c $<

<tr id="det"><td></td></tr>
<tr id="moredet"><td></td></tr>
<tr id="det"><td></td></tr>

我想要的是当点击id“det”的行时,下一个点击的行“moredet”的下一行将变淡,当我点击id“det”的任何其他行时,之前的fadein行将淡出并且点击行的id“moredet”的下一行将淡出。

1 个答案:

答案 0 :(得分:0)

不要使用重复的id使用类。它违反了规则。您可以使用nextprevsize一起检查条件以解决问题。

&#13;
&#13;
$(document).on("click", ".det", function(e) {
  if ($(this).next('tr').size() > 0) {
    $(this).next(".moredet").fadeToggle("slow");
  } else {
    $(this).prev(".moredet").fadeToggle("slow");
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="det">
    <td>1</td>
  </tr>
  <tr class="moredet">
    <td>2</td>
  </tr>
  <tr class="det">
    <td>3</td>
  </tr>
</table>
&#13;
&#13;
&#13;