繁体   English   中英

如何检查Selection对象是否包含两个同级“ Div”或“ P”

[英]How to check if the Selection object contains two sibling 'Div' or 'P'

我想检查用户选择中是否有两个或多个div或段落同级的条件。 在这对dom东西很陌生的方面让我很头疼。 任何人都曾经遇到过这种情况,或者有人可以帮助我实现该目标的算法或逻辑。 非常感谢您的帮助。

无论您在此处提出什么要求,请共享代码段。 在这里,我为您提供实现此目标的示例。 由于您未发布任何代码,因此我不确定所提供的示例是否符合预期。

HTML

<div id="a">Click me
   <p></p>
   <div></div>
   <div></div>    
</div>

JS

$('#a').on('click', function(){
  var div = $(this).children('div').length;
  var p = $(this).children('p').length;

  if(div >= 2)
  {
    alert('div exists : ' + div);
    //do your stuff here
 }
 else
 {
    alert('i have div below than two');
    //do your stuff here if below than two
 }

//same goes with p
});

DEMO

如何检查是否<div>包含确定的文本?</div><div id="text_translate"><p> 我想为我的网站制作一个复活节彩蛋。 有一个可以更改的标题。 如果它包含确定的字符串,我希望它启动easteregg。 </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-html lang-html prettyprint-override"> &lt;h1 class="titlename" id="changeT"&gt;Welcome&lt;/h1&gt; &lt;div class="action1"&gt; &lt;div id="titlechange"&gt; &lt;p&gt; &lt;div id="explain"&gt;Write the title you want and press "Confirm". The title "Welcome" will be replaced with the text you wrote. &lt;span class="material-icons"&gt; leaderboard &lt;/span&gt;&lt;/div&gt; &lt;/p&gt; &lt;input type="text" id="myText" value="Your title" maxlength="50"&gt; &lt;button onclick="chageText()" class="hideshowbtn"&gt;Confirm &lt;span class="material-icons"&gt; check &lt;/span&gt;&lt;/button&gt; &lt;script&gt; function chageText() { var x = document.getElementById("myText").value; document.getElementById("changeT").innerHTML = x; } &lt;/script&gt; &lt;/div&gt; &lt;/div&gt;</pre></div></div><p></p><p> 如果包含“hello”,我希望它启动一个脚本。 如何?</p></div>

[英]How to check if a <div> contains a determinate text?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 检查选择是否包含div Jquery 隐藏包含的div <p> 包含“文本” - 如何 如何检查get Selection是否仅包含空格 检查选择是否包含链接 检查选择是否包含图形 如何检查div是否包含某些文本? 如何检查div包含哪个背景图像? 如何检查是否<div>包含确定的文本?</div><div id="text_translate"><p> 我想为我的网站制作一个复活节彩蛋。 有一个可以更改的标题。 如果它包含确定的字符串,我希望它启动easteregg。 </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-html lang-html prettyprint-override"> &lt;h1 class="titlename" id="changeT"&gt;Welcome&lt;/h1&gt; &lt;div class="action1"&gt; &lt;div id="titlechange"&gt; &lt;p&gt; &lt;div id="explain"&gt;Write the title you want and press "Confirm". The title "Welcome" will be replaced with the text you wrote. &lt;span class="material-icons"&gt; leaderboard &lt;/span&gt;&lt;/div&gt; &lt;/p&gt; &lt;input type="text" id="myText" value="Your title" maxlength="50"&gt; &lt;button onclick="chageText()" class="hideshowbtn"&gt;Confirm &lt;span class="material-icons"&gt; check &lt;/span&gt;&lt;/button&gt; &lt;script&gt; function chageText() { var x = document.getElementById("myText").value; document.getElementById("changeT").innerHTML = x; } &lt;/script&gt; &lt;/div&gt; &lt;/div&gt;</pre></div></div><p></p><p> 如果包含“hello”,我希望它启动一个脚本。 如何?</p></div> 如何通过单击包含它的 div 来选中/取消选中复选框? 如何检查一个对象是否包含另一个对象?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM