在这里,我通过ajax获得结果.如果我从ajax得到结果,我想隐藏div.如果通过ajax获得结果,我想隐藏的下面的div.
这是我的代码,
$("button").click(function(){
var dateselect=$("#dateselect").val();
var userselect = $("#employee").val();
$.ajax({
type: 'GET',
url: "<?php base_url() ?>manage_attendance/listing",
data:'dateselect='+dateselect+'&userselect='+userselect,
dataType: "json",
success: function(data) {
$('.clkin_time').html(data.result);
if(data.clkout_result != "0000-00-00 00:00:00") {
$('.clkout_time').html(data.clkout_result);
//document.getElementById('selecttime').style.display = "hidden";
}
else
{
$('.clkout_time').html("---");
}
}
});
});
我的HTML部分是,
<div id="selecttime">
<label class="col-lg-4 control-label">Select Time</label>
<div class="input-group date col-lg-2" id="datetimepicker5" style="display:inline-flex;">
<select id="time_date1" class="form_control" name="time_date1">
<?php
for($i=00;$i<=23;$i++)
{
echo '<option value='.$i.'>'.$i.'</option>';
}
?>
</select>
<select id="time_date2" class="form_control" name="time_date2">
<?php
for($i=00;$i<=59;$i++)
{
echo '<option value='.$i.'>'.$i.'</option>';
}
?>
</select>
<select …<h1>我的模板刀片中有一个标签，它在我网站的所有页面中都是重复的。如果页面是主页，我想做一个条件，然后使用它，<h1>否则不要写它。这是我的标题代码
<div class="col-sm-7">
<div class="slogan">
<h1 id="h1" class="tlt">my h1 Tag</h1>
<span id="span" class="tlt">" {{$slogan[0]->text}} "</span>
</div>
</div>
谢谢
<head>
<script>
function call() {
var id = $(this).data("id");
alert(id);
}
</script>
</head>
<body>
<div data-id="5" onclick="call();"></div>
</body>
这是我在<script>标签之间的javascript功能.当它被称为id显示为undefined.为什么$(this)不工作？
我想在另一个选择(尝试)的值仅为1时禁用选择选项(间隔).即使我从下拉列表中选择另一个值,它也会保持禁用状态.
HTML
<select id="attempts">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select id="intervals">
<option>Hello</option>
<option>Hello</option>
<option>Hello</option>
</select>
JavaScript的
$(function () {
if ($('#attempts').val() == 1) {
$('#intervals').attr('disabled', true);
} else {
$('#intervals').attr('disabled', false);
}
})
我的HTML代码:
<img src="" alt="google.com">
<img src="" alt="gmsil.com">
<img src="" alt="gmail1.com">
如何获取img标签的所有alt值？
我正在制作手风琴风格的视频部分.我目前正在尝试检查点击中是否存在类.我希望它一次只打开1个部分,所以我需要
我试着这样做addClass();,toggleClass();但我不能100%肯定我缺少的东西.
添加课程
$(".contents-row").click(function(){
$(this).toggleClass("content-open");
});
切换类
$('.contents-row').click(function(){
$(this).toggleClass('content-open');
});
这是基本的HTML设置
<div class="contents-row">
<div class="content-option press">
<div class="class-section-title">test1</div>
</div>
<div class="drop">
test 1
</div>
</div>
JSFiddle下载的完整版本.
谢谢您的帮助!
好吧,我有一个包含特定id元素的html文档,这个id组成如下:"word +一个以1 + word开头的数字",并且有一个类,可以"启用"或"禁用".
它是这样的:
<table>
<tr>
<td class="enabled" id="Bart1sim"></td>
<td class="enabled" id="john1doe"></td>
</tr>
<tr>
<td class="enabled" id="Bart2sim"></td>
<td class="enabled" id="john2doe"></td>
</tr>
<tr>
<td class="disabled" id="Bart3sim"></td>
<td class="enabled" id="john3doe"></td>
</tr>
<tr>
<td class="disabled" id="Bart4sim"></td>
<td class="disabled" id="john4doe"></td>
</tr>
</table>
当点击任何"启用"td时,最后一个"启用"td(让我们认为所有类似的ID都将tds分组)类必须更改为"禁用".当点击任何"禁用"td时,最后一个"禁用"的td类必须更改为"启用".
我想如果我可以通过id检查每个组的最后一个"启用"td类是什么,这应该有效.
这是我已经拥有但不起作用的:
$(document).ready(Principal);
function Principal() {
$(document).on("click touchend", ".enabled, .disabled", function() {
LetsDoThis(this.className)
});
}
function LetsDoThis(clas) {
if (clas == "enabled")
$("." + clas + "").removeClass("enabled").addClass("disabled");
else
$("." + clas + "").removeClass("disabled").addClass("enabled");
}
谢谢你的时间.
编辑
var num = $('[id …
$(document).on("click", ".add_comment", function() {
$('.text_area').show();
});.main_text
{
width:260px;
height:75px;
background-color:#fff;
border:1px solid #000;
overflow:hidden;
}
.add_comment
{
color:#05c;
cursor:pointer;
}
.text_area
{
position:relative;
left:300px;
top:-120px;
display:none;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
<div class="main_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</div>
<p class="add_comment">Add comment</p>
<div class="text_area">
<textarea placeholder="Add comment"></textarea>
</div>
<div class="main_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean …我在这里有此代码：
$('.fa').hover(function(){
$('#hiddenStuff').show();
});
当用户将鼠标悬停在该元素上时，会出现另一个元素，当您将鼠标悬停在.fa元素上时，如何使该元素消失？
我有一个表,还有Quantity列的过滤器
我的要求是,我想只显示大于过滤器数量列中输入的内容
这是我的逻辑:
$(document).ready(function () {
(function ($) {
$('#filter').keyup(function () {
var rex = new RegExp($(this).val(), 'i');
$('#myTable tr').hide();
$('#myTable td:eq(2)').filter(function () {
return rex.test($(this).text());
}).show();
})
}(jQuery));
});
http://jsfiddle.net/52aK9/1578/
请让我知道如何做到这一点.