我是Javascript的新手,希望有人可以帮助我.
我有一个带有表格的HTML页面,并希望使用JS动态地将具有特定内容的行添加到表格的主体中.
到目前为止,我有以下代码在这里缩短(实际上有更多的行和列等),这导致我以下问题:
谁能告诉我这里做错了什么？
我的JS:
$('#btnStart').on('click', function(){
var cols = [1, 2, 3, 4, 5];
var tbody = '';
var i;
for (i = 0; i < cols.length; i++) {
tbody += cols[i] + "<tr> \
<td class='td col1'>1</td> \
<td class='td col2'>2</td> \
<td class='td col3'><div contenteditable='true' class='editable'></div></td> \
</tr>";
}
$('#bodyCal').html(tbody);
});
我的HTML:
<table class="tblCal">
<colgroup>
<col class="col1" />
<col class="col2" />
<col class="col3" />
</colgroup>
<thead>
<tr>
<th colspan="3" class="th th2">Col 1</th> …我有一个动态创建的大型HTML表.桌子有标准结构,包括.colgroup,thead以及tbody以下款式.
到目前为止,一切都按预期工作,但是当我在一列(见下文)中将"bgGrey"类添加到TD时,为了给这个列中的单元格提供背景颜色(仅在一列上需要),然后是所有边界此列在IE11中消失,除了左边框,并且该:hover::before样式在Chrome中不再起作用(版本43).
没有添加类,"bgGrey"我在两个浏览器中都没有问题.
似乎某种程度上背景颜色与边界重叠导致了这种情况.
我的CSS(相关部分):
#myTable, #myTable tbody, #myTable thead, #myTable tr {
width: 100%;
}
#myTable, #myTable th, #myTable td {
border: 1px solid #000;
border-collapse: collapse;
margin: 0;
padding: 4px;
position: relative;
}
#myTable {
font-size: 14px;
table-layout: fixed;
}
#myTable th.editable:hover::before, #myTable td.editable:hover::before {
border: 1px solid blue;
content: '';
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
z-index: -1;
}
#myTable …我是CSS的新手,我正在尝试设置一个页面,以便在页面的主要内容(侧边栏/部分)和页脚(例如120px)之间始终存在固定的边距/空格,这应该可以跨浏览器工作.
此外,如果页面上的内容非常少,则页脚应始终至少出现在(可见)屏幕的底部.
我通过申请课程做了多次尝试"footer",包括.以下内容,但保证金始终被忽略.
我的HTML结构(简化):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ... -->
</head>
<body>
<nav>
<!-- ... -->
</nav>
<section id="sidebar">
<!-- ... -->
</section>
<section id="main">
<!-- ... -->
</section>
<footer class="footer">
<div>Some text</div>
</footer>
</body>
</html>
我的CSS:
.footer {
color: #333;
font-size: 11px;
text-align: center;
vertical-align: bottom
}
.footer:before {
clear: both;
display: block;
height: 120px;
min-height: 120px;
} …我有一个包含简单HTML的变量,如下例所示 - 变量的内容是通过Ajax动态生成的:
var errors = "<span id='id1'>Value 1</span><span id='id2'>Value 2</span><span id='id3'>Value 3</span><span id='id4'>Value 4</span><span id='id5'>Value 5</span>";
如何通过此变量中的ID获取特定元素的文本,例如带有ID =' id3' 的跨度文本？这里的结果应该是" Value 3".
我尝试了以下但是我得到的结果总是空字符串或 " [object Object]":
$(errors).filter('#id3')$(errors).filter('#id3').text()$(errors).find('#id3').text()更新:
在阅读完评论和答案之后,我将代码拆分了,似乎问题在于Ajax的成功部分,其中data包含我在上面的示例中显示的内容,但似乎它没有存储在变量中" errors".(如果我对变量进行硬编码,那么它可以与.filter一起使用.)
var errors = '';
$.ajax({
type: "post",
url: "ajax.php",
cache: "false",
data: {
node: 'fetchErrors',
selectedLang: selectedLang
},
success: function(data){
errors = data;
}
});
有人可以帮我弄这个吗 ？
非常感谢,迈克
我有一个大型 HTML 表，其中正文的所有行都具有相同的结构。
在此表中，有可编辑的 TD（具有类“ editable”且包含可内容编辑的 div）和不可编辑的 TD（不具有类“ editable”并且不包含 div）。
现在我试图从与当前（最近的） TD 具有相同索引的下一行获取 TD。
下面的代码为我提供了当前 TD 在其行中的正确索引（并且仅查看可编辑的 TD）。
有人能告诉我如何获得下一行的等效 TD 吗？
我的 jQuery：
$(document).keydown(function(e) {
var current = $(e.target);
var editables = $(current).closest('tr').find('td.editable');
var count = editables.length;
alert( editables.index($(current).closest('td')) ); // for testing
// ...
});
我正在寻找类似以下内容的内容，而不是警报：
$(current).closest('tr').next('tr').find( /* the td with class editable AND the index matching the above */ );
示例：
如果我当前处于连续第四个可编辑 TD 上，那么我将需要下一行中的第四个可编辑 TD。
我是PHP新手,有一个非常基本的问题.
如果我知道查询的结果只是MySQL中单行的单个值(单元格),那么如何在不增加SQL注入风险的情况下简化以下内容而不必查看结果数组？
在下面的示例中,我只需要回显一封电子邮件作为查询的结果.
我找到了几个帖子,建议采用不同的方法,fetch_field但我不确定这里最好的方法是什么,因为其中一些似乎很旧或现已弃用.
我的PHP:
$stmt = $conn->prepare("SELECT email FROM Users WHERE userName = ? LIMIT 1");
$stmt->bind_param('s', $userName);
$stmt->execute();
$result = $stmt->get_result();
$arr = $result->fetch_assoc();
echo $arr["email"];
提前谢谢了.
我是 CSS 新手，希望有人能帮助我解决这个问题。
我正在尝试将简单的自定义样式应用于文件上传按钮（作为HTML 表单的一部分），使其看起来与页面上的其他按钮相似，并在跨浏览器上获得相似的外观。
到目前为止，我已经按预期工作了以下内容。我现在唯一的问题是我希望按钮占据其父 div 的完整宽度（在我的例子中，这将跨越页面的 9/12（'col-9'））。
我尝试添加width: 100%;到 CSS 但按钮不再起作用。
我的HTML：
<div class="col-3 frmCaption">Attachments:</div>
<div class="col-9">
<div class="customUpload btnUpload btnM">
<span>Upload files</span>
<input type="file" class="upload" />
</div>
</div>
我的CSS：
.btnDefault, .btnUpload {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #333333;
cursor: pointer;
font-weight: 400;
display: inline-block;
padding: 6px 12px;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
.btnDefault:focus, .btnDefault:hover, .btnUpload:focus, .btnUpload:hover {
background-color: #E6E6E6;
}
.btnM {
border-radius: …我是jQuery的新手,希望有人能帮助我.
我有一个动态添加行的大型HTML表.
该表具有标准结构(包括thead,tbody和tfoot).
在此表中有可编辑的TD(具有类" editable"并包含一个可信的div)和不可编辑的TD(其中没有类"可编辑"且不包含div).
如果用户在这样的div中,我想检查当前(最接近的)TD 是否是同一行中具有某个类(" editable")的最后一个TD.
我尝试了以下但这在这里不起作用.有人能告诉我我做错了什么吗？
我的jQuery(在doc准备好了):
$(document).keydown(function(e){
var current = $(e.target);
// ...
if($(current).closest('td').is('td.editable:last')){
alert('last editable td in current row'); // test alert
}
// ...
});
我的HTML(示例行):
<tr>
<!-- ... -->
<td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
<td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
<td></td> <!-- non-editable -->
<td></td> <!-- non-editable -->
<td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
<!-- ... -->
</tr>
我有一个横向格式的大表,要求每列的最小宽度(见下文),以使列保持足够宽,以便正确输入.
因此,我需要在达到最小尺寸时强制显示水平滚动条,而不是进一步缩小表格的列.
该表总共有15列并使用了一个colgroup,第一列有" col1" 类,第二列有" ",col2其他所有都有" col3"来应用样式.
然后我尝试添加以下样式,但表格仍在进一步缩小,并且在使用较小的屏幕尺寸进行测试时,我没有获得所需的水平滚动条.
谁能告诉我这里做错了什么？@ media screen在这里使用会更有意义吗？
我的CSS:
#myTable {
font-size: 14px;
min-width: 100%;
overflow-x: scroll;
table-layout: fixed;
}
#myTable .col1 {
width: 35px;
}
#myTable .col2 {
min-width: 180px;
}
#myTable .col3 {
min-width: 108px;
width: 6.5%;
}
非常感谢,迈克
我是PHP的新手,希望有人可以帮助我.
我想让PHP给我网站当前页面的名称.重要的是我需要这个没有任何前导斜杠和没有任何尾随扩展等,只有普通的页面名称.
示例:
页面的URL是http://www.myurl.com/index.php?lang=en
在这种情况下,它应该只返回"index".
我找到了一种方法来使用以下,但无法正常删除后的部分,因为这是变量(可以是刚刚摆脱的前沿部分.php或.php?lang=en或.php=lang=de等).
$pageName = basename($_SERVER["REQUEST_URI"]);
我发现的唯一的事情是以下,但这不包括变量扩展部分:
$pageName = basename($_SERVER["REQUEST_URI"], ".php");
有人能告诉我如何摆脱尾随部分吗？
非常感谢,迈克