我有一个无序列表:
网页:
<ul id="blogs">
<li>
<a class="vimg" href="/blogs/news/6875583-hurricane-sandy">
<img src="mydomainvideo_icons.jpg?1542">
</a>
</li>
<a href="/blogs/news/6875583-hurricane-sandy">
<strong class="titlen">Hurricane Sandy</strong>
<p class="newsp">lorem ispum lorem ispumu...</p>
</a>
<a class="readp" href="/blogs/news/hurricane-sandy">Read More</a>
<li></li>
<li></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想用 jQuery 更改上面的 html,因此输出如下:
<ul id="blogs">
<li>
<a class="vimg" href="/blogs/news/6875583-hurricane-sandy">
<img src="mydomainvideo_icons.jpg?1542">
</a>
<a href="/blogs/news/6875583-hurricane-sandy">
<strong class="titlen">Hurricane Sandy</strong>
<p class="newsp">lorem ispum lorem ispumu...</p>
</a>
<a class="readp" href="/blogs/news/hurricane-sandy">Read More</a>
</li>
<li></li>
<li></li>
Run Code Online (Sandbox Code Playgroud)
这是我的 jquery,但它不起作用:
jQuery:
$("#blogs li").each(function(){
if ($(".video-container").length > 0 && $(this).children('img').length == 0){
var vidindex = $('.readp').attr('href')
$(this).find('.video-container').remove();
$(this).append('<a …Run Code Online (Sandbox Code Playgroud) 我试图定位所有按钮,它们是具有“动作”类的 div 的子项。
我希望我的函数从 onclick 获取值,过滤掉字母和特殊字符,并将数字添加到数组中。
该功能有效,当我尝试定位 div 之外的按钮时,但当我尝试定位 .actions 按钮时无效。
谁有想法?
小提琴:http : //jsfiddle.net/Teilmann/wN79n/5/
html:
<div class="actions">
<button onclick="addToCart(1337, 'something');" />
</div>
<div class="actions">
<button onclick="addToCart(1338, 'something');" />
</div>
<div class="actions">
<button onclick="addToCart(1339, 'something');" />
</div>
Run Code Online (Sandbox Code Playgroud)
js:
var products = new Array();
jQuery('.actions button').each(function(){
var id = jQuery(this).getAttribute('onclick');
products.push(id.replace(/[^0-9]/g, ''));
});
alert(products);
Run Code Online (Sandbox Code Playgroud) 我有这个功能,我试图弄清楚/修复,似乎无法找出问题/无法找到一种方法让它工作.
基本上我的CMS正在吐出我想要的某些href:
第1部分)更改目标href URL
第2部分)更改按钮的文本
现在我只有2个这种类型的按钮实例,所以这是在我的控制台中打印的内容:
第1部分)对于这部分,我得到了正确的网址,没有我要删除的字符.
第2部分)按钮文本的两个实例(参见全部),然后是第一个按钮的btnParent的正确变量,然后是第二个按钮,最后是"Products"的一个实例.
我的问题是,我无法弄清楚如何:
第1部分)将剥离的URL作为每个函数发送回其各自按钮的href.
第2部分)让each()函数为每个实例打印出新文本"See All + BLAH + Products",然后将新文本附加到相应的按钮.
这是代码:
function viewMoreBtn() {
var btnMain = $("li:contains('See All')");
var btnText = $("li:contains('See All')").text();
var btnParent = $("li:contains('See All')").parent('ul').prev('li').text();
// PART 1 - STRIP LINK URL OF -_-// CHARACTERS
$.each(btnMain, function(i, v) {
v = $(this).find('a').attr('href').replace('-_-//', '');
console.log(v);
});
// PART 2 - ADD LABEL TO HTML TEXT OF BTN
$.each(btnMain, function(index, value) {
value = (btnText + …Run Code Online (Sandbox Code Playgroud)我希望循环遍历 div,检查每个 div 的特定子 div 中是否有内容,如果有,则向 div 添加一个类。
$('.img-banner').each(function( index, element ) {
if ( $(element).find('.img-banner-content').length > 0 ) {
$(element).addClass("has-content");
}
});
Run Code Online (Sandbox Code Playgroud)
我在这里缺少一些简单的东西,可以通过摇晃来完成。问题是它向所有 div 添加了“has-content”类。
减少测试用例:JSFiddle
谢谢大家。
我对 Eloquent 非常陌生,我花了数小时进行搜索,但找不到解决问题的确切方法。
我有以下模型:
use Illuminate\Database\Eloquent\Model as Eloquent;
use Illuminate\Support\Collection;
class Answer extends Eloquent
{
protected $table = 'tbl_answers';
protected $fillable = [
'method',
'thoughts',
'location'
];
public function getMethodsStats()
{
$methods = Answer::selectRaw('*, count(*) AS method_count')- >groupBy('method');
return $methods;
}
}
Run Code Online (Sandbox Code Playgroud)
在我的控制器中,我尝试遍历结果以将结果回显到屏幕上。这有效:
$methods = $app->answer->getMethodsStats();
$methods->each(function($method, $key)
{
echo " --- Method: " . $method->method . " - " . $method->method_count;
});
Run Code Online (Sandbox Code Playgroud)
输出如预期:
-- 方法:折叠 - 3 --- 方法:揉皱 - 2
为了使事情更容易,我想用这些值填充一个数组。一旦完成,这个数组应该可以在 'each' 函数之外访问。
编码:
$methods = $app->answer->getMethodsStats();
$stats …Run Code Online (Sandbox Code Playgroud) 我正在尝试将元素绑定在{#each}块中并通过单击删除它们。
<script>
const foodList = [
{ icon: '', elem: null, },
{ icon: '', elem: null, },
{ icon: '', elem: null, },
];
const remove = (index) => {
foodList.splice(index, 1);
foodList = foodList;
};
</script>
{#each foodList as {icon, elem}, index}
<div
bind:this={elems[index]}
on:click={remove}
>
{icon}
</div>
{/each}
Run Code Online (Sandbox Code Playgroud)
在我的代码中我遇到了两个问题:
{#each}迭代次数比他应该做的多两倍为什么它会这样工作?
来自其他语言,其中 for 循环是主要的迭代方式,我很好奇是否有更好的 Ruby 风格的方法来实现以下功能:
q=[5,1,7,9,0,3,6,8,0]
for i in 0..q.size/3-1
do one thing with q[0+i*3]
do another one with q[1+i*3]
third operation on q[2+i*3]
end
Run Code Online (Sandbox Code Playgroud)
谢谢!
提交的有问题的代码实际上可以工作,但是知道 for in Ruby 在幕后使用每个代码,我不确定使它更加紧凑和高效的最佳方法是什么。
假设我有一系列句子:
a = ["I love pie", "I love you more and more each day", "every day is a good day"]
Run Code Online (Sandbox Code Playgroud)
我想测试句子中的每个单词.因为红宝石太棒了我以为a.each.each可能有用,但事实并非如此.有没有一个干净的方式,而不必在每个内部嵌套?
我使用jQuery的.each()函数来解决这个问题.我想对我所拥有的表的行和列进行排序,我试图通过将名为'row'和'col'的属性添加到我的'td'标签来实现.
基本上我的代码看起来像这样:
$('tr').each(function(tr_index) {
$('td').each(function(td_index) {
$(this).attr({
'row' : tr_index,
'col' : td_index,
});
});
});
Run Code Online (Sandbox Code Playgroud)
但这给了我以下输出:
<td row="6" col="0"></td>
<td row="6" col="1"></td>
<td row="6" col="2"></td>
<td row="6" col="3"></td>
<td row="6" col="4"></td>
<td row="6" col="5"></td>
<td row="6" col="6"></td>
Run Code Online (Sandbox Code Playgroud)
row属性在每个'td'标记上输出6.这是否意味着在触发第二个.each()循环之前执行第一个.each()循环?
任何想法我怎么能改变这个,所以我有这样的事情:
<td row="0" col="0"></td>
<td row="0" col="1"></td>
<td row="0" col="2"></td>
<td row="1" col="0"></td>
<td row="1" col="1"></td>
<td row="1" col="2"></td>
<td row="2" col="0"></td>
Run Code Online (Sandbox Code Playgroud)
等等...
如果有人为我解决这个问题,我将不胜感激,因为我似乎无法绕过它.
我正在尝试使用jQuery在表中添加交替颜色.问题是我正在使用Knockout,并且当每个样式都应用于所有tr时.我的问题在这里:http://jsfiddle.net/PUc3J/2/
$(function(){
$(".tk-table tbody tr")
.each(function(i){
if(i % 2 == 0){
$(this).addClass('hilight');
}
})
});
Run Code Online (Sandbox Code Playgroud)
谢谢
each ×10
jquery ×6
arrays ×2
javascript ×2
loops ×2
ruby ×2
addclass ×1
append ×1
bind ×1
binding ×1
coding-style ×1
curly-braces ×1
eloquent ×1
for-loop ×1
function ×1
html ×1
if-statement ×1
knockout.js ×1
php ×1
svelte ×1