Use the [&quot;has attribute&quot; selector](http://api.jquery.com/has-attribute-selector/):

    $(&#39;p[MyTag]&#39;)

Or to select one where that attribute has a specific value:

    $(&#39;p[MyTag=&quot;Sara&quot;]&#39;)

There are [other selectors](http://api.jquery.com/category/selectors/) for &quot;attribute value starts with&quot;, &quot;attribute value contains&quot;, etc.

As described by the link I&#39;ve [given in comment][1], this


    $(&#39;p[MyTag]&#39;).each(function(index) {
      document.write(index + &#39;: &#39; + $(this).text() + &quot;&lt;br&gt;&quot;);});

works ([playable example][2]).



   [1]: http://api.jquery.com/category/selectors/
   [2]: http://jsbin.com/epiros/2/edit

I have a question on `Union` and `Concat`.

    var a1 = (new[] { 1, 2 }).Union(new[] { 1, 2 });             // O/P : 1 2
    var a2 = (new[] { 1, 2 }).Concat(new[] { 1, 2 });            // O/P : 1 2 1 2

    var a3 = (new[] { &quot;1&quot;, &quot;2&quot; }).Union(new[] { &quot;1&quot;, &quot;2&quot; });     // O/P : &quot;1&quot; &quot;2&quot;
    var a4 = (new[] { &quot;1&quot;, &quot;2&quot; }).Concat(new[] { &quot;1&quot;, &quot;2&quot; });    // O/P : &quot;1&quot; &quot;2&quot; &quot;1&quot; &quot;2&quot;

The above result are expected, but in the case of `List&lt;T&gt;` I am getting the same result from both `Union` and `Concat`.

    class X
    {
        public int ID { get; set; }
    }

    class X1 : X
    {
        public int ID1 { get; set; }
    }

    class X2 : X
    {
        public int ID2 { get; set; }
    }

    var lstX1 = new List&lt;X1&gt; { new X1 { ID = 10, ID1 = 10 }, new X1 { ID = 10, ID1 = 10 } };
    var lstX2 = new List&lt;X2&gt; { new X2 { ID = 10, ID2 = 10 }, new X2 { ID = 10, ID2 = 10 } };
            
    var a5 = lstX1.Cast&lt;X&gt;().Union(lstX2.Cast&lt;X&gt;());     // O/P : a5.Count() = 4
    var a6 = lstX1.Cast&lt;X&gt;().Concat(lstX2.Cast&lt;X&gt;());    // O/P : a6.Count() = 4

But both are behaving the same incase of `List&lt;T&gt;`.

Any suggestions please?

Union Vs Concat in Linq

I want to use Eloquent&#39;s active record building to build a search query, but it is going to be a LIKE search. I have found the `User::find($term)` or `User::find(1)`, but this is not generating a like statement. I&#39;m not looking for a direct answer, but if someone could at least give me a direction to look in that&#39;d be great!




Using Eloquent ORM in Laravel to perform search of database using LIKE

&gt; **Possible Duplicate:**  
&gt; [jQuery, Select by attribute value, adding new attribute](https://stackoverflow.com/questions/3724245/jquery-select-by-attribute-value-adding-new-attribute)  
&gt; [jQuery - How to select by attribute](https://stackoverflow.com/questions/9210073/jquery-how-to-select-by-attribute)  

&lt;!-- End of automatically inserted text --&gt;

please consider this code:

    &lt;p&gt;11111111111111&lt;/p&gt;
    &lt;p MyTag=&quot;nima&quot;&gt;2222222222&lt;/p&gt;
    &lt;p&gt;33333333333&lt;/p&gt;
    &lt;p MyTag=&quot;Sara&quot;&gt;&gt;4444444444&lt;/p&gt;

how I can select All `p` tag with attribute `MyTag`?

thanks

jQuery : select all element with custom attribute

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/3724245/jquery-select-by-attribute-value-adding-new-attribute" target="_blank" rel="noopener noreferrer">jQuery, Select by attribute value, adding new attribute</a> 
> <a href="https://stackoverflow.com/questions/9210073/jquery-how-to-select-by-attribute" target="_blank" rel="noopener noreferrer">jQuery - How to select by attribute</a>

please consider this code:
<pre><code class="hljs language-php-template">&#x3C;p>11111111111111&#x3C;/p>
&#x3C;p MyTag="nima">2222222222&#x3C;/p>
&#x3C;p>33333333333&#x3C;/p>
&#x3C;p MyTag="Sara">>4444444444&#x3C;/p>
</code></pre>
how I can select All <code>p</code> tag with attribute <code>MyTag</code>?
thanks

I have data that I want to write to a file, and open a file dialog for the user to choose where to save the file.  It would be great if it worked in all browsers, but it has to work in Chrome.  I want to do this all client-side.

Basically I want to know what to put in this function:

    saveFile: function(data)
    {
    }

Where the function takes in data, has the user select a location to save the file, and creates a file in that location with that data.




Using HTML is fine too, if that helps.

Create and save a file with JavaScript

I am trying to debug the features of a website when users disable their JavaScript. I was wondering how do you disable JavaScript for a page from the Google Chrome DevTools?

How to disable JavaScript in Chrome Developer Tools?

From the Google Chrome console:

    var x = null;
    undefined
    x &gt; 0
    false
    x &lt; 0
    false
    x &gt; -1
    true
    x &lt; 1
    true
    x == 1
    false
    x === 1
    false



Why is null in JavaScript bigger than -1, less than 1, but not equal (==) to 0? What is it exactly then?

I work on a web application running in Chrome, where I have inputs with type `number`. In my locale commas are used for decimal numbers and a space is used for thousand separation (not that important), but when I enter these characters into a number field, they are simply removed, effectively increasing money amounts by a hundred.

I have set the language both in the browser settings and on the page, but I still need to use a period for decimals. Is there any way I can configure the field to accept commas?

Alternatively, I&#39;ll have to solve this using javascript. I guess I could handle the keydown event and change commas to periods as the user types, but that wouldn&#39;t give a great user experience, would it? So how can I acheive this with a minimal footprint in my code?

Localization of input type number

Right, this seems to be poorly documented or I can&#39;t see it in the documentation. I basically want no related videos (`?rel=0`) using the JavaScript API.

    $players[$vidIdPlaceholderRef] = new YT.Player(&#39;player_&#39; + $vidIdPlaceholderRef, {
    	height: &#39;550&#39;,
    	width: &#39;840&#39;,
    	videoId: $vidId
    });

is what I have in place.

I have also tried:

    $players[$vidIdPlaceholderRef] = new YT.Player(&#39;player_&#39; + $vidIdPlaceholderRef, {
    	height: &#39;550&#39;,
    	width: &#39;840&#39;,
    	videoId: $vidId + &#39;?rel=0&#39;,
    	rel : 0
    });

with no luck. Does any one know of an option which can be added (tried `rel : 0` with no luck )

Youtube Javascript API - disable related videos

**JS:** 

    $(function(){
      $(&quot;#example&quot;).popover({
        placement: &#39;bottom&#39;,
        html: &#39;true&#39;,
        title : &#39;&lt;span class=&quot;text-info&quot;&gt;&lt;strong&gt;title&lt;/strong&gt;&lt;/span&gt; &lt;button type=&quot;button&quot; id=&quot;close&quot; class=&quot;close&quot;&gt;&amp;times;&lt;/button&gt;&#39;,
        content : &#39;test&#39;
      })
      $(&#39;html&#39;).click(function() {
        $(&#39;#close&#39;).popover(&#39;hide&#39;);
      });
    });

**HTML:**

    &lt;button type=&quot;button&quot; id=&quot;example&quot; class=&quot;btn btn-primary&quot; &gt;&lt;/button&gt;

i&#39;m write your code isn&#39;t show your popup.

anyone come across this problem?

How to insert close button in popover for Bootstrap

The problem is that I have some dynamically created sets of input tags and I also have a function that is meant to trigger any time an input value is changed. 

    $(&#39;input&#39;).on(&#39;change&#39;, function() {
      // Does some stuff and logs the event to the console
    });

However the `.on(&#39;change&#39;)` is not triggering for any dynamically created inputs, only for items that were present when the page was loaded. Unfortunately this leaves me in a bit of a bind as `.on` is meant to be the replacement for `.live()` and `.delegate()` all of which are wrappers for `.bind()` :/

Has anyone else had this problem or know of a solution?

jQuery .on(&#39;change&#39;, function() {} not triggering for dynamically created inputs

I am using the bootstrap Dropdown component in my application like this:

    &lt;div class=&quot;btn-group&quot;&gt;
        &lt;button class=&quot;btn&quot;&gt;Please Select From List&lt;/button&gt;
        &lt;button class=&quot;btn dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;
            &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;dropdownMenu&quot;&gt;
           &lt;li&gt;&lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Item I&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Item II&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Item III&lt;/a&gt;&lt;/li&gt;
           &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Other&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

I would like to display the selected item as the btn label. In other words, replace &quot;Please Select From List&quot; with the list item that has been selected(&quot;Item I&quot;, &quot;Item II&quot;, &quot;Item III&quot;).



How to Display Selected Item in Bootstrap Button Dropdown Title

I&#39;m writing a plugin for TinyMCE and have a problem with detecting click events inside an iframe. 

From my search I&#39;ve come up with this:

Loading iframe:
   
    &lt;iframe src=&#39;resource/file.php?mode=tinymce&#39; id=&#39;filecontainer&#39;&gt;&lt;/iframe&gt;


HTML inside iframe:

    &lt;input type=button id=choose_pics value=&#39;Choose&#39;&gt;

jQuery:

    //Detect click
    $(&quot;#filecontainer&quot;).contents().find(&quot;#choose_pic&quot;).click(function(){
        //do something		
    });	

Other posts I&#39;ve seen usually have a problem with different domains (this hasn&#39;t). But, still, the event isn&#39;t detected. 

Can something like this be done?

Detect click event inside iframe

I want to call some jQuery function targeting div with table. That table is populated with `ng-repeat`.  

When I call it on 

    $(document).ready()

 
I have no result.  

Also 

    $scope.$on(&#39;$viewContentLoaded&#39;, myFunc);
doesn&#39;t help.

Is there any way to execute function right after ng-repeat population completes? I&#39;ve read an advice about using custom `directive`, but I have no clue how to use it with ng-repeat and my div...

ng-repeat finish event

All right, I wonder if there is a way to make the `:contains()` jQuery&#39;s selector to select elements with **only** the string that is typed in

for example -&lt;br /&gt;

    &lt;p&gt;hello&lt;/p&gt;
    &lt;p&gt;hello world&lt;/p&gt;

    $(&#39;p:contains(&quot;hello&quot;)&#39;).css(&#39;font-weight&#39;, &#39;bold&#39;);

The selector will select both `p` elements and make them bold, but I want it to select only the first one.


Select element by exact match of its content

I have this code:

    $(&quot;#test&quot;).siblings(&#39;p&#39;).remove();
    $(&quot;#test&quot;).remove();

How can I chain this code instead of writing it separately?

How to select an element&#39;s parent and the parent&#39;s siblings

Is there any difference between

    $(&#39;input.current_title&#39;, &#39;#storePreferences&#39;).prop(&#39;disabled&#39;, false);

and

    $(&#39;#storePreferences input.current_title&#39;).prop(&#39;disabled&#39;, false);

?

What is &quot;context&quot; in jQuery selector?

Is there any way in jQuery to check if _any_ parent, grand-parent, great-grand-parent has a class.

I have a markup structure that has left me doing this sort of thing in the code:

    $(elem).parent().parent().parent().parent().hasClass(&#39;left&#39;)

However, for code readability i&#39;d like to avoid this sort of thing. Is there any way to say &quot;any parent/grandparent/great-grand-parent has this class&quot;?

I am using jQuery 1.7.2.

Check if any ancestor has a class using jQuery

I&#39;m having problems using a variable as the selector for a paragraph on which I want to take action.
Specifically I have several title elements and the same number of paragraphs. The desired result is that if I click on Title1 then I take an action on paragraph1. I made a simple case for development purposes whereby if I click on a title then the text of the corresponding paragraph changes color.
If I hard code the solution it works but passing in a variable as the selector fails.

The jQuery is as follows:

        jQuery(document).ready(function($){
	       $(this).click(function(){
		
			var target=(event.target.id);// Get the id of the title on which we clicked. We will extract the number from this and use it to create a new id for the section we want to open.
			alert(target);// checking that we are getting the right value.
			var openaddress=target.replace(/click/gi, &quot;section&quot;);//create the new id for the section we want to open.
			alert(&#39;&quot;#&#39;+openaddress+&#39;&quot;&#39;);//Confirm that the correct ID has been created
			$(&#39;&quot;#&#39;+openaddress+&#39;&quot;&#39;).css( &quot;color&quot;, &quot;green&quot; );//get the id of the click element and set it as a variable.
			//$(&quot;#section1&quot;).css( &quot;color&quot;, &quot;green&quot; );//Test to confirm that hard coded selector functions correctly.
			
				return false;// Suppress the action on the anchor link.
				});


		});

The alert returns the following variable
![alert returned showing the value of the variable][1]
which appears to be correct and matches the hard coded version.
I&#39;ve omitted the html since it works in the hard coded version I assume there is no problem on that side.

I&#39;d appreciate any guidance on what I&#39;m doing wrong and how to correct it.

Thanks


  [1]: http://i.stack.imgur.com/w3iYP.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Arian	View Question on Stackoverflow
Solution 1 - Javascript	nnnnnn	View Answer on Stackoverflow
Solution 2 - Javascript	ShinTakezou	View Answer on Stackoverflow

jQuery : select all element with custom attribute

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Using Eloquent ORM in Laravel to perform search of database using LIKE

Union Vs Concat in Linq

Attributions